Checkbox
A checkbox has a ToggleState parameter. This parameter has the value "Normal" if no checkmark is set and "Active" if the checkmark is set.
The .onToggleStateChanged event can be used to perform actions when the state of the checkbox changes.
Attributes
Category: Colors
Name |
Description |
---|---|
Definition of the background color | |
Definition of the border color of the control | |
Definition of the color of the toggle state icon. | |
Definition of the text color. | |
Definition of the text background color. |
Category: Layout
Name |
Description |
---|---|
Definition of the distance from the left side to the left side of the surrounding control | |
Definition of the unit of the distance to the right side of the surrounding control:
| |
Definition of the distance from the top side to the top side of the surrounding control | |
Selection of the unit of the distance to the top side of the surrounding control:
| |
Definition of the distance from the right side to the right side of the surrounding control | |
Selection of the unit of the distance to the right side of the surrounding control:
| |
Definition of the distance from the bottom side to the bottom side of the surrounding control | |
Selection of the unit of the distance to the bottom side of the surrounding control:
| |
Definition of the external width of the control | |
Selection of the unit of the width:
| |
Definition of the external height of the control | |
Selection of the unit of the height:
| |
Definition of the maximum width if the control size is defined as dynamic. | |
Selection of the unit of the maximum width:
| |
Definition of the minimum width if the control size is defined as dynamic. | |
Selection of the unit of the minimum width:
| |
Definition of the maximum height if the control size is defined as dynamic. | |
Selection of the unit of the maximum height:
| |
Definition of the minimum height if the control size is defined as dynamic. | |
Selection of the unit of the minimum height:
| |
Calculated distance in pixels from the left side to the left side of the surrounding control | |
Calculated distance in pixels from the top side to the top side of the surrounding control | |
Calculated distance in pixels from the right side to the right side of the surrounding control | |
Calculated distance in pixels from the bottom side to the bottom side of the surrounding control | |
Calculated width of the control in pixels | |
Calculated height of the control in pixels | |
Definition of the row of a grid in which the control is to be displayed. | |
Definition of the column of a grid in which the control is to be displayed. | |
Definition of the transparency of the entire control | |
Selection of the visibility of a control:
| |
Definition of the position on the Z-axis | |
Definition of a transformation of a control:
| |
Definition of a shadow | |
Selection of the method of calculating the width:
| |
Selection of the method of calculating the height:
|
Category: Common
Name |
Description |
---|---|
Reflects the state of the checkbox to the assigned symbol and vice versa. | |
Definition of the internal switching state of the control | |
User-defined name for a group. Only one control in this group can be active. | |
The text to be displayed next to the checkbox. | |
Selection of whether a control should be activated | |
Definition of the name of the control | |
Type name of the control | |
Definition of control classes | |
If a control is logically assigned in the DOM. | |
Definition of the tooltip for the control |
Category: Border
Name |
Description |
---|---|
Definition of the radius of the four corners to round them off | |
Selection of the border style of the four sides of the control | |
Definition of the border width of the four sides of the control |
Category: Background Image
Name |
Description |
---|---|
Definition of an image that is located above the background color | |
Definition of the height of the background image | |
Selection of the unit of the height of the background image:
| |
Definition of the width of the background image | |
Selection of the unit of the width of the background image:
| |
Definition of an additional distance between the border of the control and background image for the four sides | |
Definition of the vertical alignment of the background image within the control | |
Definition of the horizontal alignment of the background image within the control |
Category: Text
Name |
Description |
---|---|
The text position. | |
The horizontal alignment of the text. | |
The vertical alignment of the text. | |
Comma-separated list of fonts as font family or keyword: 'serif', 'sans-serif', 'monospace'. | |
The font size. If the percent is specified as the unit, this is relative to the font size of the parent element. | |
Pixels, or percent for relative sizes. | |
Font style (normal, italic: oblique with special characters, oblique) | |
The font weight (normal, bold) |
Events
Category: Control
Name |
Description |
---|---|
The ToggleState value of the checkbox has changed. | |
The status of the checkbox has changed. |
Category: Framework
Name |
Description |
---|---|
The control was added to the display. | |
The control was removed from the display. | |
The control was initialized. | |
The control was destroyed. | |
The control was moved in relation to the browser window. | |
The size of the control was changed. |
Category: Operator
Name |
Description |
---|---|
A mouse click was executed or a touch screen was briefly touched. | |
The left mouse button was clicked over the control and released. | |
The left mouse button was clicked twice over the control and released. | |
The right mouse button was clicked over the control and released. | |
A mouse button was pressed down over the control. | |
The mouse pointer was moved over the control. | |
The mouse pointer has left the control. | |
A mouse button was released over the control. | |
The left mouse button was pressed down over the control. | |
The right mouse button was pressed down over the control. | |
The mouse was moved over the control. | |
The mouse pointer was moved over the control or one of its children. | |
The mouse pointer has left the control or one of its child controls. | |
The left mouse button was released over the control. | |
The right mouse button was released over the control. | |
The mouse wheel was moved over the control. | |
A finger/stylus was placed against a touch screen. | |
A finger/stylus was moved on a touch screen. | |
A finger/stylus was lifted off a touch screen. | |
An interaction with a touch screen was aborted. |
Access rights
Name |
Description |
---|---|
Determines whether the control is generally observable. | |
Determines whether the control is generally operable. |
Inheritance hierarchy
Checkbox
NuGet package: Beckhoff.TwinCAT.HMI.Controls
NuGet package: Beckhoff.TwinCAT.HMI.Controls
NuGet packages are available from version 1.12. |
Available from version 1.10 |
See also
API reference for this control