|
![]() |
Show all PROJ-1026
If a container has a Standard Header (on the Container tab of the Container panel) and the Layout (on
the Header tab) is set to
Tabbed
, you can add additional tabs to the container. Plan
the titles and sequence of each tab before adding any, as you can't
reorder them after they are added.
For an example, see Pega Developer Network article PRKB-25411 How to create layouts that contain tabbed headers.
Remember to make the
desired tab front-most when you save the Harness, Section, or Flow Action
form, as your choice determines which tab is front-most in the initial
runtime presentation.
1. Adding and
deleting the tab
Click the down-arrow () at the right end
of the Layout control group (
) and select
the Tab control (
). Drag the control. When the pointer changes shape
to indicate that you can drop the control, release the mouse button.
Click the magnifying glass (
) icon to display the Containers panel.
2. Complete the
Layout Tab panel — Top fields
Complete the Layout Tab panel that appears.
Your updates to this panel can update the rule form immediately or
upon clicking Apply, depending on the
Property Panel settings in your Edit
preferences. See Setting your preferences.
If the panel is pinned(), the wireframe on the rule
form changes immediately to reflect your inputs. If the panel is not
pinned(
), click Apply to apply your inputs.GRP-229
Field |
Description |
||||||||||||||||||||||||
Header |
A tab must have a header. Do not choose This choice primarily affects styles and appearance.
Information in or below a subheader (including
|
||||||||||||||||||||||||
Title |
Enter text to appear in the header or subheader. This text may include directives or JSP tags, such as <p:r > or <pega:lookup >.
This field is not visible if the Header
field contains |
||||||||||||||||||||||||
HTML |
If the Header field contains
|
||||||||||||||||||||||||
Template |
Select to create a SmartLayout
grid containing fixed-width, fixed-height column pairs. Each
column pair is designed to hold one label and one field,
typically for a Select a template:
|
||||||||||||||||||||||||
Visible When |
Optional. To control visibility of this tab header, enter or select one of the following:
|
||||||||||||||||||||||||
Run on Client? |
This checkbox appears only if the Visible When field contains a simple Java comparison of a property and a value, or a combination of such comparisons using parentheses and the && and || operators, such as: (.Width >= "20") && (.Length >= "40) Select to cause dynamic execution of the condition each time the value of a property mentioned in the condition changes. (Mark the fields containing such properties as a Client Event.) Leave cleared to cause the condition to execute only once, upon initial presentation of the form. |
3. Complete the
Layout Tab panel — General tab
Complete the General tab.
Field |
Description |
Header Type |
|
Style Prefix |
For example, type A in this field to use styles named .A_standardheader* rather than the normal .standardheader* styles. Define the prefixed styles in your workform_zzzzz.css text file (created by the Branding wizard) or in another text file that you identify on the Scripts and Styles tab of the Harness form. |
Retrieve Activity | Optional. If Defer Load is selected, you can specify an activity to be run when the container is expanded by a click. This activity can compute property values and other aspects of the expanded container. |
Defer Load? |
Select to postpone, at runtime, the loading of the contents of this tab from the server until the user clicks to make the body visible. |
New Tab Group |
Select if you want to start a new row of tabs. |
4. Complete the
Layout Tab panel — Advanced tab
Complete the Advanced tab.
This tab is identical to the Advanced tab of the Layout control. See Adding a Layout control — Complete the Layout panel — Advanced tab.
4. Optionally,
add a control to the single Tab cell
A single cell appears at the right end of each tab. When
updating a harness, section, or flow rule, you can optionally add any
control from the Basic group
to this cell. The runtime
presentation of cell contents is read-only. PROJ-1026
5.4SP2
For example, the cell can contain a label ( ), a property value presented as a
text box (
) or even a select control
(
).
To include a control in the cell, complete the Container panel first as described above. Save the form. Then select, drag, and drop a basic control from the Basic group, as is normally done within a layout. Open the Cell Properties panel and configure the control. VAGUE