Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Runtime Image updated

The Checkbox is a graphical element that allows users to select one or multiple options from a set. It supports checked, unchecked, and indeterminate states for partial selections. It enables selecting options, preferences, or items in forms, settings, and applications. Users interact by clicking to toggle states. Labels provide visual feedback. Linked values synchronize checkbox states with data, updating automatically when the checkbox is clicked or when the linked value changes.

On this page:

Table of Contents
maxLevel3
stylenone


Requirements

The Checkbox is Portable, functioning on both Windows and web pages across any platform. It is compatible with WPF and HTML5 displays, offering versatile use without any specific requirements.


Configuration

The Checkbox control include options for customizing its behavior and display. "Label Text" allows setting the text displayed alongside the checkbox. "Linked Value" connects the checkbox to a specific data value. "Is Read Only" makes the checkbox non-interactive. "Is Three State" enables a third, indeterminate state. "Label Order" drop-down menu determines whether the label appears before or after the checkbox. These settings control the checkbox's functionality and user interface integration. The Checkbox component has the following settings:

  1. Go to Displays / Draw.
  2. On the Components Panel, select Interaction, then CheckBox.
  3. Click or drag-and-drop it on the Drawing area to use it.
  4. Double-click the component to open the configuration window.

Checkbox Settings

Field

Description

Label Text

It specifies Specifies the text displayed with next to the checkbox.

Localize

It enables Enables the label text can to be dynamically adjusted based on the user's user’s locale settings, ensuring the interface is accessible and understandable to for users from different language backgrounds.

Linked Value

It associates Associates the checkbox with a tag, enumeration, value, or object. This linkage means that the state of the checkbox (checked or unchecked) will reflect the changes in the selected object in your application.

Is Read Only

It makes Makes the checkbox non-interactive, meaning users cannot change its state by clicking on it. When this option is enabled, the checkbox is displayed in a way that shows its current state (checked or unchecked) but does not allow the user to modify it.

Is Three State

It enables Enables the checkbox to have three possible states: checked, unchecked, and indeterminate.

Checked: The checkbox is selected, indicating a positive or active state.

Unchecked: The checkbox is not selected, indicating a negative or inactive state.

Indeterminate: The checkbox is in a mixed state, which is neither checked nor unchecked. This state is often used to represent a partially completed task or when some

,

but not all

,

sub-options are selected.

Label Order

It determines Determines the position of the label text in relation relative to the checkbox. There are two possible options:

After: The label text appears to the right of the checkbox. This is the most common layout, often used to improve readability and alignment in forms and user interfaces.

Before: The label text appears to the left of the checkbox

.
Usually, configuring Graphic Elements also involves defining Dynamics for them. A dynamic defines how graphic elements respond to user inputs and other events, including handling clicks, updating displays in real-time, and dynamic data visualization

.

Refer to Dynamics and UI Elements for more information.



Runtime Execution 

In Runtime Execution, When users interact with components dynamically. When users press a button, it triggers the configured actions, such as updating a value, opening a display, or executing a script. These interactions happen in real time, providing immediate feedback and functionality based on development configurations.a checkbox, the application updates its state to either checked or unchecked. This change prompts the solution to turn specific settings or options on or off. The checkbox can manage multiple selections, allowing users to configure several parameters simultaneously, like activating sensors or setting operational modes.

Image Added


In this section:

Page Tree
root@parent
spacesV10