Portlet Factory, Version 6.1.2
Tab builder
Use the Tab builder to place a set of tabs on a page and perform special processing.
The Tab builder is a more advanced version of the Page Tabs builder. The Tab builder is more flexible, but it requires you to do more work. For example, the Tab builder creates the tabNameSetSelectedTab method, but does not automatically call it. Additionally, the tabNameSetSelectedTab method sets the variable that tells which tab the user clicked. But arrange to call the method. Thus, use the Tab builder to do something that the Page Tabs builder does not allow.
You place tabs on a page to give the user the ability to choose different navigation options. The Tab builder can be used to build a classic file-folder-tab style of control. It can also be used to create a list of links that typically appear in a side navigation bar of a web site.
Key inputs
You specify in the Selected Tab variable input the name of the variable to hold the ID of the tab that the user clicked.
The Tab builder creates a set of tab controls on a page. The individual tabs can be Text, Links, or Images, and can be arranged either horizontally or vertically. Appearance of the tabs can be defined by a cascading style sheet (CSS). Any of the action types supported by IBM® WebSphere Portlet Factory can be used as the action when a tab is clicked.
In the Behavior section of the Tab builder, you specify in the Action input a method to be called when the end user clicks a tab. You can simply specify the tabNameSetSelectedTab method and pass it the ID of the xxxLoopVar variable. Because this method does not invoke a page, set the Rendering Mode input (in the Advanced section) to Render outermost page after running action and set the Evaluate Arguments input (in the Arguments section) to As page is rendered.
Alternatively, to do something more complex, you can supply your own method in the Action input. The method or action list can take a string argument, do some work, and eventually invoke the tabNameSetSelectedTab method.
Parent topic: Builder help
- About using the builder call editor
The builder call editor allows you to specify all the input values to a builder call.
- Tab builder inputs
This topic describes the inputs for the Tab builder.
- How the Tab builder works
The Tab builder adds an Imported Page builder to the model to provide the base HTML on which the tabs are built.
- Overview: creating pages and forms
The pages and forms in your application provide for the viewing of data and the interaction between the user and the application logic and data.
Library | Support |