This topic provides a description of the Properties view of the UNICOM® Digital Transformation Toolkit (UDTT™) Dojo widgets and containers.
As shown below, the Properties view of the UDTT Dojo widgets and containers have five common tabs. Some other tabs not commonly used, such as Columns, Pagination and xValidations would be covered in specific tasks.
The Properties tab of the Properties view enables you to edit the basic properties of the widgets and containers. For detailed properties of each widget and container, refer to Widget descriptions.
Ordering status
There are three ordering status. To switch from one to another, click the Column Header.
Ordering status of Widget Properties
Status
Description
Default
ordered as the widget XML configuration file
Alphabetical
ordered alphabetically by property name (A to Z)
Reverse Alphabetical
ordered reverse alphabetically by property name (Z to A)
The Rules tab of the Properties view enables you to configure ECA rules for the widgets.
All rules defined in a view will be executed sequentially, following the order in which they appear in the Rules List. Rules. Reordering (single or multiple selection) can be done using either the arrow buttons or drag and drop. The same reordering capability is available for the list of Actions that may be associated to the rule.
To undo or redo reordering done with drag and drop, press CTRL+Z or CTRL+Y.
For more information on how to configure the events, conditions, and actions for widgets, see Setting ECA rules to widgets.
The Style tab of the Properties view enables you to edit the style of the widgets. Before you apply CSS styles to a widget, you must first import CSS files to the XUI editor.
The Appearance tab of the Properties view enables you to edit the alignment, indentation, size, and span of a widget.
Alignment
The Alignment property is used to position a widget within its parent container, the cell, not the form. If you want to position the widget on the left of the form, you can expand the cell as wide as the form.
Size
The Size property is used to set the height and width of a widget.
Note You can also edit the size by dragging the boundaries of the widget in the XUI editor area. The Auto Size checkbox is automatically cleared when the resizing handle is grabbed.
Fixed
Check fixed and set the value by px.
Relative
Check relative and set the percent value. There are some widgets not supported and it is relative to its parent container, the cell, not the form. For more information, see Setting the relative width and height of a widget.
Auto-sized
Check Auto-sized.
It is used to display single line of text.
TextWrap (width)
For widgets with text, such as label, link, checkbox, radio, button, and message, width has another property, TextWrap.
