Visualization Element ‘Radio button’

Symbol: 8ec48dbede78a1e3c0a8640e00bec873_b08208c783ac5281c0a8640e0044d2f2

Tag: Common controls

This element provides a field with any number of options.

Element properties

Element name

Optional

Tip: Assign individual names for elements so that they are found faster in the element list.

Example: early_shift

Element type Radio button

Element property ‘Position’

The position defines the location and size of the element in the visualization window. These are based on the Cartesian coordinate system. The origin is located at the upper left corner of the window. The positive horizontal x-axis runs to the right. The positive vertical y-axis runs downwards.

X

X coordinate of the upper left corner of the element

Specified in pixels.

Example: 10.

Y

Y coordinate of the upper left corner of the element

Specified in pixels.

Example: 10.

Width

Specified in pixels.

Example: 150

Height

Specified in pixels.

Example: 30

Note

You can also change the values by dragging the box symbols ( 8ec48dbede78a1e3c0a8640e00bec873_7b449e02d0393877c0a8640e01fd8c9e ) to other positions in the editor.

See also

Variable Variable that is displayed with the element and changed.
Number of columns Definition of the number of list boxes displayed in a row.
Radio button order

Left to right: The radio buttons are aligned by rows until the number of columns is reached.

Top to bottom: The radio buttons are aligned row by columns until the number of columns is reached.

Frame size Defines the distance from the list boxes to the edge (in pixels).
Row height Height of the row (in pixels). Modifying the height of the row also changes the size of the list box.

Element property ‘Text properties’

The properties contain fixed values for the text properties.

Usage of
  • Default style values: The values of the visualization style are used.
  • Individual settings: The “Individual text properties” property group is shown The values can be customized here.

Individual text properties

Requirement: The Individual settings text property is defined.

Horizontal alignment Horizontal alignment of the text within the element.
Vertical alignment Vertical alignment of the text within the element.
Text format

Definition for displaying texts that are too long

  • Default: The long text is truncated.
  • Line break: The text is split into parts.
  • Ellipsis: The visible text ends with “…” indicating that it is not complete.
Font

Example: Default

8ec48dbede78a1e3c0a8640e00bec873_2be833ef7deb1e6ec0a8640e0056e76c : The Font dialog box opens.

8ec48dbede78a1e3c0a8640e00bec873_379d3b8945773148c0a8640e0139d9cb : Drop-down list with style fonts.

Font color

Example: Black

8ec48dbede78a1e3c0a8640e00bec873_2be833ef7deb1e6ec0a8640e0056e76c : The Color dialog box opens.

8ec48dbede78a1e3c0a8640e00bec873_379d3b8945773148c0a8640e0139d9cb : Drop-down list with style colors.

Transparency

Whole number (value range from 0 to 255). This determines the transparency of the respective color.

Example: 255: The color is opaque.

0: The color is completely transparent.

Please note: If the color is a style color and already has a transparency value, then this property is write-protected.

Element property ‘State variables’

The variables control the element behavior dynamically.

Invisible

Variable (BOOL). Toggles the visibility of the element.

TRUE: The element is not visible at runtime.

Deactivate inputs

Variable (BOOL). Toggles the operability of the element.

TRUE: User inputs do not have any effect in runtime more. The element is shown as deactivated.

Element property ‘Radio button settings’

Radio button

  • Areas
    • [<n>]

Create new: Clicking this button creates a new selection button in the editor and lists an additional area in the properties editor.

For each radio button, an area is visible that records the settings.

  • [<n>]
    • [<n>]: This number indicates the area. Clicking Delete will delete the associated radio button with its settings Text, Tooltip, and Line spacing (in pixels).
Areas: [<n>]  
Text The button name is specified here. Default value: Radio_button
Tooltip Text is specified here that is displayed in a tooltip.
Line spacing (in pixels) The distance (in pixels) to the upper button can be specified here.