Item Properties

The Properties section is mainly divided into three subsections - General, Appearance, and Advanced. There are also additional subsections like Validation and Actions when a button or field UI element is selected.

Depending on activated item (element) you see different set of properties. Every property is optional. Default values are acceptable and work if no customization needed.


General

Property Location Usage
Component
Button, Static text, Separator,
Widget, Group box
This refers to the type of UI element
Title Button, Tab, Widget, Group box Title or name or the UI element
Initial state
Group boxSpecifies whether the shows in an expanded or collapsed state. 'Show header' and 'Collapse' properties must be set for this option to be active
Link Button, Widget Opens the specified hyperlink in a new tab
Disabled
Button, Tab, Widget, Group box, Field
When checked, the item is disabled by default
Hidden
Button, Static text, Separator,
Tab, Widget, Field
When checked, the item is disabled by default
LabelStatic text, decimal, Boolean, date, table, string,
Opens the static text editor
Field name
Field
Shows the name of the field. It can not be changed in the webpage editor once it is set. It can only be edited in the data types page
Field type
Field
Shows the data type of the field
Field label
Field
Shows the label of the field
Multiline
Field
If checked, input is shown in multline mode
Placeholder
Field
Specifies a tip text to be shown when no value is set
Formatter
Field
Specifies the format the text will take in the field
'Create new' action/Open
Select field
Specifies how to open a new window
Template
Field (table)
Choose the design of the table
View
Field (table)
specifies the view of the table
Can add
Field (table)If checked, 'Add' button is added to the table toolbar
Can delete
Field (table)If checked, 'Delete' button is added to the table toolbar
Has 'Create new' link
Field (table)
Add' Create new' link as a first option in the election drop-down menu
Max row count
Field (table)
Specifies number of rows to be shown without scroll
From view link
Field (table)Specifies web page view to be opened on row click
Content type
Upload file
Depending on this property, only files with the specified extenstion will be allowed for upload
Source
Upload fileSpecify the source(s) of the files to be uploaded
Preview
Upload fileThe uploaded file can be shown as a link, preview image, or both
Link action
Upload fileClicking the uploaded file link will trigger file download or open the file view in a new tab
Zoom
Upload file (image)
The option is used only with image content type and specifies whether zoom preview is available
Show header
Group box
Displays the header of a group box or other elements
Collapse
Group box
Add


Appearance

Property Location Usage
Size
Button, Fleld
Changes the size of the UI element
Template
WidgetChoose the design of the widget
Style
Button, Tab, Widget Choose one of the predefined color schemes.
Icon
Button, Widget Choose the leading icon to be shown before button title.
Icon color
Button Choose the leading icon to be shown before button title.
Drop-down alignment
Button

Shared Styles Button, Static text,
Tab, Widget
Add styles specified in Shared Styles page. It can be used as an alternative way to add CSS rules.
CSS
Button, Static text,
Tab, Widget, Field
Add custom styles to item. (Style will be added to item's DOM-element style attribute)
Horizontal alignment
Button, Tab, Field
Specifies horizontal alignment for the item.
Hide title
Button
Hides the title of an element
Solid
Group box
Specify group box header style. 'Show header' property must be set for this option to be active


Validation

Property
Location
Usage
Pattern
Field
Indicates the pattern of the value in the field
Minimal length
Field
Indicates the minimum length of the value in the field
Maximal length
Field
Indicates the maximum length of the value in the field
Required
Field
If checked, a value for the field must be set
Step
Field (decimal)

Minimal date
Field (date and time)
Indicates the start date
Maximum date
Field (date and time)Indicates the end date
Minimum value
Field (number)

Maximum value


step for minutes
Field (date and time)


Advanced

Property
Location
Usage
Data source
Select field
Specifies a custom collection to populate the selection drop-down with options
Read only mode view
Field
In read-only form mode item can be displayed either as disabled input or as plain text/value
Id
Button, Static text,
Tab, Widget, Field
Identifier is added under data-identifier attribute of DOM-element. Handy when you write own selectors.
Classes
Button, Static text,
Tab, Widget, Field
Type HTML class names. Separate them with spaces. To be added to class DOM element attribute.
Comment
Button, Tab, FieldAdds question mark icon with comment text in popover after the label.
Comment placement
Button, Tab, FieldSpecifies location of comment popover.
Add alternative action
Button

Actions

Property
Location
Usage
Before server action
Button
The first client-side action to be executed when user clicks the button.
Server action
ButtonThe server-side action to be executed. It is executed after 'before server action'.
After server action
Button
The client-side action to be executed after server-side action.
On field change
Field
Specifies the server-side action that is triggered when the value of the field is changed and loses focus
On field changed
Field
Specifies the client-side action that is triggered when the value of the field is changed and loses focus
On field filtered
FieldSpecifies the action that is triggered when a list of instances is displayed
On field validate
FieldChecks the field for specified parameters
Row inserted
Field (table)
Specifies the client-side action when a user inserts a row
Row deleted
Field (table)Specifies the client-side action when a user deletes a table row
Row click
Field (table)Specifies the server-side action when a user clicks on a table row
Row clicked
Field (table)Specifies the client-side action when a user clicks on a table row