Checkbox

<Checkbox> controls are created using the <Checkbox> element and are used to work with boolean values, e.g. to get user input in "Yes/No" format.

In addition to the default attributes listed under Controls, the following attributes can be defined for the <Card> element:

Attribute Description

checked

Mandatory

Indicates whether the checkbox is checked or unchecked by default.

Data binding (boolean) possible

Note:

The usage of data binding for the state of the checkbox is necessary for the checkbox to work properly and to store the initial value of result or set.

Possible values: true / false or data binding expression

displayName

Label. Displayed next to the checkbox.

Data binding possible

Possible values: Any string

sliderOnDesktop

Defines whether the checkbox is displayed as a slider in the desktop version.

Possible values: true / false

Checkboxes are displayed differently in the desktop and mobile version.

Display in the desktop version:
Display in the mobile version:

With the attribute sliderOnDesktop, the display for the mobile version can also be displayed in the desktop version.

"Select" Action within a Checkbox

The Select action is created via the element <SelectAction/> within <Checkbox> and is triggered as soon as the checkbox has been checked or unchecked.

Example for `<Checkbox>`

XML

<DetailComponent name="Example" path="Example" displayName="Example">
	<FlowLayout>
		<Checkbox checked="true" displayName="Example"/>
	</FlowLayout>
</DetailComponent>

The above code creates the following checkbox:

Example for `<Checkbox>` with a Technical Process

XML

<DetailComponent path="Dashboard"
       displayName="Dashboard" default="true"
       process="/Processes/process_1.wrf">
       <Properties>
             <Property name="boolean" type="Boolean"></Property>
       </Properties>
       <FlowLayout>
             <Checkbox checked="#boolean" displayName="Check box" />
       </FlowLayout>
</DetailComponent>

The above code creates the following checkbox:

"Select" Action within a Checkbox

Example for <Checkbox>

Example for <Checkbox> with a Technical Process

Example for `<Checkbox>`

Example for `<Checkbox>` with a Technical Process