Skip to main content
Version: 1.21.3

select

Use the <select> tag to add a single select field to the widget.

Available attributes:

AttributeTypeMandatoryDescription
classStringNSpecify the CSS class name defined in the CSS field of the widget.
modelStringYSpecify this attribute to connect the client controller data object. When the model data changes, it is automatically transferred to the data of the client controller.
isMandatoryBooleanNSet the value to true to make the field mandatory. The default value is false.
isVisibleBooleanNSet the value to false to hide the tag. The default value is true.
labelStringNDescribe the field content by giving it a title.
placeholderStringNSpecify a placeholder for the field.
readOnlyBooleanNSet the value to true to make the field read-only. The default value is false.
optionsArrayNSpecify the available options using the CodeMirror JSON formatting.
You can put any number of options in the drop-down menu. The vertical scrolling appears if there are more than 6 options.
styleStringNSpecify the display settings (size, font, color, and others) of the tag elements using the CSS syntax.
valueStringNSpecify the default value for the field.
radioButtonsModeBooleanNSet the value to true to display choice options in the form of radio buttons. The default value is false, so the standard drop-down menu is used.

Examples:

datetime
<select 
label="Class"
isMandatory="true"
model="data.class"
options='[{"database_value":"155964310500000004","display_value":"Server"},{"database_value":"155964310500000006","display_value":"Database"}]'
></select>

The template above adds the following element to the page: