Harness and Section forms
|
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 |
Choose a format to control what appears above the layout (known as a header or subheader), and the appearance of both the header or subheader if any, and aspects of the body. 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 >. If you plan to localize the application using this rule so the application can support users in various languages or locales, choose the text carefully and limit the length to no more than 64 characters. When practical, choose a caption already included in a language pack, to simplify later localization. A field value rule with this text as the final key part is needed for each locale. See About the Localization wizard. 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:
The width and other style characteristics of these SmartLayout templates depend on the portal skin rule in use. For ensure consistent results when building harness, section, or flow action rules for work object forms, set the Skin preference (in the Run Process area of the General Preferences group) to the skin that application users are expected to use. You can change template widths, heights, cell padding, and other characteristics of the templates using the Branding wizard. See About the Branding wizard. By design, you cannot change the height or width of SmartLayout template-based cells through rule form updates. However, Process Commander records the template cell height and widths in styles for the <TD> HTML element. If at runtime a cell contains an object that is explicitly larger than these values, browsers do expand the table cell to attempt to display the entire object, overriding the fixed size restriction. The resulting display may vary somewhat by browser version. |
||||||||||||||||||||||||
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 |
Select |
Style Prefix |
Optional. If the Header
Type is 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