Skip to main content

Combo Box

The Combo Box element is a selection component that allows the user to choose a single predefined option from a dropdown list. It is useful for selecting recipes, operating modes, users, or any finite enumeration.

The properties of this element do not allow dynamization.

General​

Basic identification and position configuration.

Name (string)​

Unique identifier of the element.

Description (string)​

Optional descriptive text.

X (number)​

Horizontal position in pixels.

Y (number)​

Vertical position in pixels.

Z (number)​

Depth index (z-index).

Width (number)​

Width of the element in pixels.

Height (number)​

Height of the element in pixels.

Style​

Visual customization of the component.

Disabled (boolean)​

Disables user interaction.

Hidden (boolean)​

Makes the element invisible.

Color (color)​

Text color.

Background Color (color)​

Background color of the control.

Border Color (color)​

Global border color.

Border Color [Top/Bottom/Left/Right] (color)​

Specific color for each side.

Border Radius (number)​

Corner rounding.

Font Size (number)​

Text size in pixels.

Font Weight (number)​

Typography weight (400, 700, bold, etc.).

Border Width (number)​

Global border thickness in pixels.

Border Width [Top/Bottom/Left/Right] (number)​

Specific thickness for each side.

Border Style (string)​

Global stroke type (Solid, Dotted, etc.).

Border Style [Top/Bottom/Left/Right] (string)​

Specific stroke type for each side.

Rotate (number)​

Rotation angle in degrees.

Transition (string)​

CSS transition definition.

Anchor Point [Vert./Horiz.] (string)​

Defines which edge of the element acts as the fixed position reference. Extremely useful when dynamically resizing elements (e.g., a progress bar): if you anchor vertically to "Bottom", increasing the height will cause the element to grow upwards, keeping its base fixed on the synoptic.

Shadow (string)​

Allows selecting a predefined shadow level (None, Small, Medium, Large).

Advanced​

Configuration of the options list and binding.

Options (Array)​

Defines the dropdown items of the combo. As many options as needed can be added.

  • Text (string): Label visible to the user (e.g., "Manual Mode").
  • Value (string/number): Internal value written to the Tag (e.g., 1 or "MANUAL").