Portlet Factory, Version 6.1.2
Page Tabs builder inputs
This topic describes the inputs for the Page Tabs builder.
General Inputs
Table 1. General Inputs Input Name Description Name Name for this builder call. The WebSphere Portlet Factory Designer displays this name in the builder call list. Pages for Tabs Specify all the outer pages that would correspond to a separate tab in the order that the tabs should be created.
- Page
- Select the name of your page from the pull-down list.
- Tab Label Text
- Enter the tab label text that would appear on the tabs. This could be an indirect reference to a variable or localized data.
Example:
Page: Page1 Tab Label Text: Page 1 Tab Page: Page2 Tab Label Text: ${Variables/Page2TabText}Area to Wrap with Tabs Whether the tab would contain the entire page or a section of the page. Tag To Wrap Optional. Available when Area to Wrap with Tabs input is Section of each page. Specify the section of the page that would be wrapped inside a tab. This section should be present on all the pages to be wrapped.
Tab and Content Area Properties
Table 2. Tab and Content Area Properties inputs Input Name Description Action Type Specify one of the following types.
- Link to an action
- The specified action is a method in the model or LJO (including service calls). This acts as a simple link, transferring control directly to the specified URL. The specified action cannot process any form inputs.
- Submit form and invoke action
- The specified action is a method in the model or LJO and that method processes the inputs to the form on which the tabs reside.
Selecting this type makes the Form Name input available.
Form Name Enter the name of the form that contains the inputs to be submitted. This input is available if Submit form and invoke action is selected in the Action Type input.
Content Area Width Specify the width for the content area. Content Area Height Specify the height for the content area. Note: Content Area Width and Content Area Height inputs are actually the minimum width and height of the content area since the contained content may stretch the content area. It also prevents the content area from looking unusual if the content area is empty or only one line and standardizes the size of the content area so that it does not vary over different tabs.
Custom Layout Page Specify the URL of a custom layout page to supply the HTML used to create the table that wraps the content area with a border and adds the tabs. This allows you to change this layout, such as by moving the tabs below or to the side of the content area. This builder relies on two specific tag names that must be in your HTML:
- TabControl
- Defines the region where the tabs are to be placed.
- PageTabsContentArea
- Defines the region which surrounds the content area.
Tab Base HTML Page This is an input for the Tab builder and it supplies the HTML code for building the tabs and the top border of the tab area. StyleSheet File Name Specify the style sheet to be used for the tabbed pages that are created. Tab Background Class Specify a style to be used for the background of individual tabs in the tab control. This input applies to the text and link style of unselected tabs. Selected Tab Background Class Specify a style to be used for the background of the selected tab in the tab control. Tab Text Class Specify a style to be used for the labels of individual cells in the tab control. This input applies to the text and link style of unselected tabs. Selected Tab Text Class Specify a style to be applied to the selected tab text label. This input applies to the text and link style of tabs. Tab Spacer Class Specify a style to be applied to the Spacer spans. This input applies to the Spacer class that surround the tabs (left or right and between the tabs). Tabbed Content Area Class Specify a style that is applied to the content area. This input applies to the content area that holds the content within the span.
Associated Pages
Table 3. Associated Pages input Input Name Description Associated Pages with Tabs Pages, linked to the pages in the Pages for Tabs input. It allows you to create the effect of drilldown within the same tab by associating other pages with the tabbed pages.
- Page to Associate
- From the pull-down list, select the page to associate with a given tab.
- Tab Defined Above
- From the pull-down list, select one of the pages named in the Pages for Tabs table.
Parent topic: Page Tabs builder
Library | Support |