The controls for Web UI are provided in the EASY UI Designer toolbox and are divided into different categories.
| Category | Symbol and name | Description of the |
|---|---|---|
| Buttons | Contains control elements that trigger a function or change a process variable when operated. | |
 Button |
Button for calling up a function. | |
 ToggleButton |
Switch for switching an option on or off . | |
 Key |
Push-button with variable connection. | |
 Switch |
Switch for switching an option on or off . | |
 CheckBox |
Checkbox for activating or deactivating an option. | |
 RadioButton |
Element for activating or deactivating an individual option from a group of options. | |
 RadioButtonGroup |
Control element for grouping options, only one of which can be activated at a time. | |
| Input/output | Contains control elements for the input and output of process values. | |
 DropDownBox |
Expandable list of options from which only one can be selected. | |
 SelectBox |
Control element with drop-down menu for selecting an element. | |
 ListBox |
Control element for displaying a static or runtime-generated list. | |
 NumericVarOut |
Output field for a numerical process variable . | |
 TextVarOut |
Output field for an alphanumeric process variable . | |
 Bar |
Bar chart for displaying a process variable value . | |
 RadialInstrument |
Tachometer-like display of a process variable value . | |
 DonutGauge |
Ring diagram for displaying a process variable value . | |
 PieChart |
Pie chart for displaying multiple values . | |
 StackedDonutGauge |
Ring diagram for displaying multiple variable values . | |
 NumericVarIn |
Input/output field for a numerical process variable value . | |
 TextVarIn |
Input/output field for an alphanumeric process variable value. | |
 DateTimeVarIn |
Input/output for a date and/or a time . | |
 Slider |
Slider for the input and output of a variable value . | |
 Label |
Display of a text and a symbol for labelling other elements. | |
 TextBlock |
Display of a text. | |
 Clock |
Clock, displays the system time. | |
 Image |
Display of a graphic. | |
 ColorIndicator |
Control element that changes colour when the value of the linked variable changes. | |
 StateIndicator |
Control element that changes its colour, text and icon depending on the value of the linked variable. | |
 VideoPlayer |
Control element for playing a video. | |
 PDFViewer |
Control element for displaying a PDF document . | |
 EmbeddedWebsite |
Control element for integrating an external resource into the application. | |
| System | Contains control elements for displaying data from the VisiWin 7 system modules. | |
 AlarmList |
Display of alarms in the form of a table or list . | |
|
HistoricalAlarmList |
Display of historical alarms in tabular form. | |
 AlarmIndicator |
Indicates the presence of alarms. | |
| Container | Contains controls that can accommodate other controls. | |
 TabBar |
Bar with buttons for navigation. | |
 AbsoluteLayout |
Container for manual positioning of control elements. | |
 FlexLayout |
Container for automatic positioning of control elements . | |
 CardLayout |
Container for automatic positioning of cards. | |
 Card |
Control element that is displayed on a CardLayout, with a heading and content. | |
 CardHeader |
Container for the heading of a card. | |
 CardContent |
Container for the contents of a card. | |
 Group |
Container for control elements with frame and labelling . | |
 ViewBox |
Container for scaling the content. | |