Control form
|
|
By default, this tab appears when you open an auto-generated control rule or open a New rule. When you clear the Auto-Generated? checkbox on the HTML tab, the Parameters tab replaces the Control tab. This tab offers an array of parameter settings that govern how the auto-generated control appears to the user and the actions the user can perform. The settings enable you to format editable and read-only values and pick from a set of pre-configured actions.
Process Commander includes a set of standard auto-generated control rules. See Standard auto-generated control rules. As a best practice, use these controls in new development. Auto-generated control rules provide these benefits:
Customizing a control rule in a section
Auto-generated control rules and their settings are optimized for most interfaces. If necessary, edit the settings within the section, flow action, or harness you are working.
To customize an auto-generated control rule:
If you wish to modify an auto-generated control rule and reuse it in a number of section rules, make a copy into your RuleSet and change the Stream Name key part. Keep the original Control Modes and UI Element settings. As a best practice, do use an auto-generated rule to build an entirely new control.
When you update a setting in the Parameters dialog, updates to the same setting in the rule form will no longer be applied to the custom control. For example, if the Expand Options setting in the rule is Collapsed With Icon
and you customize the control's Parameter dialog setting to Expanded With Icon
, updating the rule setting to No Scrollbar
does not change the custom parameter.
However, any customization you make to the control in the section is maintained even if the control rule is later changed. Parameters that are not customized apply to all of the instances. For instance, if you had not customized the Expand Options setting, your rule update is reflected in the control's Parameter dialog.
If you want to revert to the control rule's configuration, clear the customized instance and re-add the rule.
These settings determine the read-only and edit-mode presentation and behavior of the control rule.
The default settings in standard auto-generated control rules represent how they will likely be used in your interface design.
Field |
Description |
Control Modes | Before you begin editing the rule, use the radio buttons to filter the initial array of options and parameters in the form. Select one of the following:
The Control Modes field does not appear in the Parameters dialog when customizing the control in a section. |
Field | Description | ||||||||||||||||||||
UI Element | For Editable/Read Only and Action control modes, select the type of control that appears on the layout. For Read-Only mode, select the type of presentation of the property value. Your selection filters the Format, Options, and Behaviors areas on this tab.
You cannot edit the UI Element field in the Parameters dialog. | ||||||||||||||||||||
Value | Select a single-value property or text string that contains the value you want to associate with the control. This option does not appear in Action control mode. Select one of the following:
is computed through a Declare Expression
rule, the system presents the value as read only in the control's read-only format.V6.2 GRP-18478 pashm |
Field | Description | ||||||||||
Specify Size | Appears when the UI Element is Text Input .
| ||||||||||
Min/Max Chars | Appears if the UI Element is Text Input .
Optional. Enter a value that determines the minimum and maximum number of characters that can be entered in the text field. You can designate either value as unlimited by leaving it blank. | ||||||||||
Specify Width | Appears if the UI Element is Text Area.
| ||||||||||
Width | Appears if the UI Element is Text Area or Text Input and you select Custom .
Enter a positive integer that is a pixel count, a percentage of the cell area, or a number of columns (
| ||||||||||
Specify Height | Appears if the UI Element is Text Area.
| ||||||||||
Height | Appears when the Text Area Height is Custom .
Enter a positive integer that is a pixel count or number of rows. In the pull-down list to the right of this field, select the unit of measure. | ||||||||||
Scrollbar | Appears when the Text Area Height is Custom .
Select to display a scrollbar to the right of the area if the content exceeds the number of rows or pixels. | ||||||||||
Min Height | Appears when the Text Area Height is Size to Content .
Enter a positive integer that is a pixel count or number of rows. In the pull-down list to the right of this field, select the unit of measure. | ||||||||||
Collapsible | Appears when the Text Area Height is Size to Content . Select one of the following:
| ||||||||||
Date/Time | Appears when the UI Element is Date Picker . GRP-20961 & 23143 V6.2Enables date and time selections in the Calendar control. Select one of the following:
Date option for a TimeOfDay property will not display a result. | ||||||||||
Display Mode | Appears when the UI Element is Date Picker . GRP-20961 & 23143 V6.2Determines the presentation of the control to the user. Select either:
| ||||||||||
Allow Text Entry | Appears when the UI ELement is Date Picker and the Display Mode is Text Input + Calendar . GRP-20961 & 23143 V6.2Click Yes (default) to enable the user to enter a text value in the field. Click No to prevent text entry. | ||||||||||
Enable Calendar | Appears when the UI ELement is Date Picker and the Display Mode is Dropdown Lists. GRP-20961 & 23143 V6.2Click Yes to display a calendar icon with the drop-down lists in the field. This enables the user to use the lists or the pop-up calendar to pick dates and times. No is the default. | ||||||||||
Number of Years | Required. Appears when the UI ELement is Date Picker and the Display Mode is Dropdowns . GRP-20961 & 23143 V6.2Enter a numerical value indicating the date range (in years) in the Year drop-down list. The list contains an equal number of years forward and backwards from the current year. For example, if the current year is 2011, a value of 10 displays a range of 2007 to 2016 . If the value is an odd number, the odd date is counted as a future year. For instance, a value of 11 displays a range of 2007 to 2017. | ||||||||||
Label | Appears when the UI Element is Button (optional), or Link .
Enter text or select a property or field value that contains brief text, which appears on the button or as a text link. As a best practice, start the text with a verb. Consider the collection of controls that appear at runtime collectively; provide each control with a clear and distinctive label. For example, Cancel order. To allow users to execute an action using a shortcut key combination, include an
ampersand character (&) immediately before a letter in
the caption text. At runtime, users can press the If you use
shortcut keys in your application, be careful to choose
distinct letters for each control; for example, you can't have Optionally, if this control is within a cell of a section that includes parameter declarations on the section rule's Parameters tab, you can enter the notation param.NAME here, to use a parameter value for the button caption, where NAME identifies a string parameter. Make sure that the NAME parameter is declared on the Parameters tab, and that your application provides a non-blank value for the parameter value in all possible situations where the section appears. See Section rules — Completing the Parameter tab. Localization If the Localize? checkbox is selected on the section rule's HTML tab, a SmartPrompt appears in the Label field in the Parameters dialog. Select a field value rule if you plan to localize the text. Choose the text carefully and limit text length to 64 characters. A field value rule with pyButtonLabel as the second key part and this text as the final key part is needed for each locale. When practical, choose a caption already included in a language pack, to simplify later localization. See About the Localization wizard. | ||||||||||
Tooltip | Optional. Appears when the Control Mode is Action.
Select a property value or enter a constant that contains a sentence or phrase identifying to users the purpose and function of the control. As a best practice, start the sentence with verb either in the imperative ("Enter price of item here") or as an infinitive ("To cancel the order, click here"). When UI Element is Localization If the Localize? checkbox is selected on the section rule's HTML tab, a SmartPrompt appears in the Label field in the Parameters dialog. Select a field value rule if you plan to localize the text.If this text is to be localized. enter no more than 64 characters. A field value rule with pyActionPrompt as the second key part and this text as the final key part is needed for each locale. | ||||||||||
Format | Appears when the UI Element is Button or Link . Select a standard format (Standard , Simple , Strong ), which is defined in the Branding wizard on the Styles and Formats panel, Controls > Buttons or Links > Format field. See Branding wizard — Controls.
Alternatively, select | ||||||||||
Privilege | Optional. Appears when the Control Mode is Action.
Select the Privilege Name key part of a privilege rule that controls the availability of this control at runtime. During rule resolution at runtime, the system uses the Applies To key part of the current rule as the first key part. If there is a privilege and a when rule (see Disabled field), both rules must evaluate to true for the button to be available to the user. | ||||||||||
When Not Met | Appears when you enter a privilege. Select Hide or Disable (the button) if the user fails the privilege rule. | ||||||||||
Image (for Button or Link) | Optional. Appears when the UI Element is Button or Link .
Insert an icon next to the label by clicking the magnifying glass icon (). This opens the Image Viewer. Select the binary file you wish to use. If you use an image in the Button background as defined in the Branding wizard (the Standard format, for instance), this icon overlays it. | ||||||||||
Disabled | Optional. Appears when the Control Mode is Action.
Select Yes if you want to apply a when condition that tests whether the user can use the control. If selected, the following options appear:
| ||||||||||
Icon | Appears when UI Element is Icon . Select a standard icon from the drop-down list. By default, the Blank icon is selected when pxIcon is entered in the Control field on the Cell Properties dialog.
If you specify a standard pxIcon variation such as pxIconPrint or pxIconReview, the system selects a standard icon for that rule. For example, if the control rule is pxIconAddItem, the To use a custom icon, select | ||||||||||
Image (for Icon) | Appears when you enter Other in the Icon field. Select the magnifying glass icon ( ) to open the Image Viewer. Select the binary file you wish to use. V6.2 GRP-20247 pashmAs a best practice, use sprites rather than individual images for Icon controls. | ||||||||||
Position | Appears when the file you select in the Image field is defined as a sprite on the Binary File rule form. See Binary File - Completing the Main tab.
The numbers in the drop-down reflect the number of columns in the sprite. Select the number you wish to use for this control's action. The value in the Tooltip field applies to this position. For information about icon positions, hover the mouse pointer on the help icon next to this field ( ). V6.2 GRP-20247 pashm |
Field |
Description |
||||||||||||
Type | Select a format (read-only) used with this property. Your selection filters the format options.
Do not confuse format types with property types. |
||||||||||||
Obfuscated | Appears if the Type is Text .
For read-only, select For Editable ( |
||||||||||||
Decimal Places | Appears if the Type is Number. A non-negative integer to control the number of digits presented after the decimal place. |
||||||||||||
Scale | Appears if the Type is Number. Select a label indicating the scaling you wish to apply to the number. The scales are K for thousands, M for millions, B for billions, and T for trillions. For instance, if you select |
||||||||||||
Negative Format | Appears if the Type is Number .
Select a format (minus sign or parenthesis) for displaying negative numbers. You can also specify a CSS class if you select one of the |
||||||||||||
Symbol | Appears if the Type is Number. Select an option for representing the number as
|
||||||||||||
Separators | Appears if the Type is Number. Select to use a thousands' separator. Depending upon the default locale, a comma or period is used. |
||||||||||||
Text Alignment | Appears if the Type is Number. Select left, right, or center alignment. |
||||||||||||
Auto Prepend
Auto Append |
Appears if the Type is Text and the control is not obfuscated.
Select a property or field value that you want to add either before or after the displayed property value. For example, when the user name appears, the system can automatically append the full mail extension to the name or prepend the user's title. |
||||||||||||
DateTime Format | Appears if the Type is Date/Time. Select one of the following:
|
||||||||||||
2nd Number Cutoff | Appears if DateTime Format is 2 days, 5 hours ago (elapsed time). GRP-18823 V6.2 Enter a numerical value for the first unit, which determines when the second unit is truncated in the display. When the first unit number reaches or exceeds this value, the second unit does not appear. For instance, if you set the cutoff value to 5, here is how these dates and times would appear to the user: 1 hour, 45 minutes ago Enter a value of 0 to always display a single unit. |
||||||||||||
True Label
False Label |
Appears if the Type is True/False. Enter a text string to label either outcome. Used with a boolean type. If the Localize? checkbox is selected on the section rule's HTML tab, a SmartPrompt appears in the Constant field in the Parameters dialog. Select a field value rule if you plan to localize the text. If this text is to be localized. enter no more than 64 characters. A field value rule with pyCaption as the second key part and this text as the final key part is needed for each locale. |
Three factors determine a control's behavior:
Action
control types — use the Disabled,
Privilege
, or both settings in the Options area. Buttons do not use behavior conditions. Use the Disabled or Privilege fields in the Options area to determine whether the button is available to specific users.
The Behaviors area contains grid layouts in the Editable and Read-Only columns. Each grid has three column heading labels — Event, Action, and a red condition icon (). If the behavior has condition, a red icon appears in the row; if not, a gray icon appears.
To define the control's behavior, click the add row icon . This opens the Behavior dialog, which contains a section for each of the above three factors. After you have completed the dialog, click OK to apply your edits and close the dialog. Your choices populate the grid row. Here is an example of a grid after you have defined two behaviors — one with a condition, the other without:
To edit a behavior, double-click the row to open the Behavior dialog. To delete a behavior, select it, and click the delete row icon ().
Using when conditions, you can combine behaviors for a single control. For example, a first behavior states that when the user focuses on the Input Area, the system sets the background color to red (defined in the Inline Style field) if the area is populated. A second behavior states that, for the same event, the system sets the background color to blue if the area is empty. The system executes the actions in the order they are listed on the grid. Use the row handles to rearrange them if necessary.
Defining behaviors in the Parameter dialog
When customizing a control in the Parameters dialog, you can add but cannot delete or modify behaviors defined in the underlying rule. The rule's behavior(s) appear in a top grid. A bottom grid enables you to add conditions, which you can delete or modify.
If you define more than one click event for a button control, the actions are executed from the top down as displayed in the grids; the inherited actions (the ones in the rule) execute first.
The Behavior dialog contains the following fields and options ( the system filters the options based upon the selected UI Element and Event):
Field |
Description |
||||||||||||||||||||||||||||
Behavior | Select to indicate what the user must do to invoke the action. | ||||||||||||||||||||||||||||
Event |
|
||||||||||||||||||||||||||||
Action | Click Select... to display an action menu organized into the following categories. When clicked, the button or text executes an activity, using parameter values determined in this tab or parameter values determined by a user input at runtime. | ||||||||||||||||||||||||||||
Process Work
|
|
||||||||||||||||||||||||||||
Get Work |
|
||||||||||||||||||||||||||||
Handle List Items |
Use these actions in grid, tree grid, and tree layouts only.
|
||||||||||||||||||||||||||||
Display |
|
||||||||||||||||||||||||||||
Launch |
|
||||||||||||||||||||||||||||
Advanced |
|
||||||||||||||||||||||||||||
Conditions | Use this area to select one or more conditions that determine whether (or how) the system takes action when the user performs the control event. | ||||||||||||||||||||||||||||
When |
Optional. If this area is blank, the system always performs the action. To define a condition, click the add row icon . Select one of the when conditions in the drop-down list. Enter input parameters if required. When you click OK to close the dialog a condition icon appears in the condition column indicating that the behavior has an associated condition. Enter another row if you want to use multiple conditions. Select either an "AND" or an "OR" operator for the second condition. You can add conditions using the operators of the same type. That is, if the first operator is "AND", all the following operators are "AND." The conditions that appear in the drop-down list depend upon whether UI element is editable or read-only. Select one of the following when conditions:
|