You are here: Start » Web HMI » Web HMI Controls

Web HMI Controls

Data Display

PictureBox A control that displays an image with additional metadata.
PieChart Control that represents a pie chart, displaying data as segments of a circle.
Progress Represents a progress control that visually displays a value within a defined range.
StatusIndicator The visualization of the Bool? data type.
Svg SVG container control that can hold SVG shapes.
TextBlock Displays a block of text with various styling options. The text can be bound to a program output or set statically.

Input

Button Control that represents a clickable button.
CheckBox Represents a checkbox control that allows users to select or deselect an option.
ComboBox Represents a combo box control that allows users to select from a list of items.
NumericUpDown Represents a numeric up-down control that allows users to select a numeric value within a specified range.
RadioGroup Represents a group of radio buttons that allows users to select one option from a set.
Slider Represents a slider control that allows users to select a value from a range.
Switch Represents a switch control that allows users to select or deselect an option.
TextBox Represents a text input control that allows users to enter and edit text.

Layout

Border Represents a border control that can be used to visually separate content.
Divider Represents a divider control that can be used to visually separate content.
StackPanel Represents a StackPanel control that arranges its child elements in a single line,
TabControl Represents a tab control that allows users to switch between different pages.
TablePanel Represents a table panel control that arranges its child controls in the grid layout.
Window Represents a top-level container control for the given endpoint.
Previous: Designing WebHMI Next: Handling WebHMI Events