Design properties of a control
Configure the design properties for a control such as tab index, height, width, and style .
Name | Description | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
Tab index |
Defines the order in which controls are selected as the user presses the tab key. For example, if the tab index is set to 1, the control is selected when the form opens. If the tab index is set to 2, you need to press tab twice to select the control. If the tab index is set to zero, the control does get focus, but the focus is based on the browser tab order. See Form settings.
The Tab index property is not available for Case health
and Process viewer controls.
|
||||||||||
Width mode |
The width of a control can be Fixed (in pixels) or in Percentage (relative to the browser window). (Default: Percentage)
|
||||||||||
Use viewport height |
Use this property to set the percentage height of a control to prevent scrolling of the page, especially for controls designed to take picture.
|
||||||||||
Height |
The height of the control.
This property is not available for the Label, Text box
(single line), Multi-line text, Dropdown list, Check box, Calendar, Hyperlink,
File upload, Resource tree, Language selector, Radio button list, Capture text
field, Capture check box and Capture combo box controls.
|
||||||||||
Margins |
The margins of the control. (For the Desktop, Touch and Non-touch Mobile and Tablet forms, the default margins for left, right, top and bottom are: 0, 2, 2, 2. The default margins for Column, Row and Cell controls are 0, 0, 0, 0.)
|
||||||||||
Style |
The style of a control can be a predefined theme, an inline style or a class. At runtime the style of the controls correspond to the style property set at design time.
|
||||||||||
Properties specific to a Button, Job action button, Activity action button and Custom action button controls. | |||||||||||
Auto |
The width mode for a Button control. This property is only available when you add a Button control to a percentage or fixed width form (Desktop). By default, the width mode set for a form is the default width mode for the control.
Auto resize of a Button control is not supported on
Mobile and Tablet forms.
If the width mode is set to Auto:
|
||||||||||
Primary button |
If selected, the button becomes the primary button. The primary button is visually different from all other buttons and indicates the most used, or main action on a form. For example, when you build a manual logon form, the Logon button is set as the primary button. |
||||||||||
Properties specific to a Table control | |||||||||||
Default row |
The style for the default row. Available options are:
|
||||||||||
Header design |
The style for the table header. Available options are:
|
||||||||||
Alternate row |
The style for the alternate row. Available options are:
|
||||||||||
Selected row |
The style for the selected row. Available options are:
|
||||||||||
Frame |
The style for the frame. Available options are:
|
||||||||||
Background color |
The style to set the background color for a table on a form. Available options are:
At runtime, you can showcase the background color of the table as per the style selected. |
||||||||||
Property specific to a Horizontal rule control | |||||||||||
Color |
The color style for the control. Available options are:
|
||||||||||
Property specific to a List, Work queue and Workload controls | |||||||||||
Alternate row color |
Allows alternate row colors in the table of activities.
This property is only applied if a style class is set in
the theme.
|
||||||||||
Property specific to an Embedded page control | |||||||||||
Border |
Allows the embedded page with or without border. Available options are:
|
||||||||||
Property specific to Chart, Work queue, Workload, List and Capture controls | |||||||||||
Expand to fit |
Allows the control to expand so the control takes up the
remaining browser window height. To specify fixed height, clear
|