Beckhoff

Name

Description

Audio

Audio files can be played with the Audio Control. The supported audio formats are defined by the browser used.

Bar Chart

A BarChart represents data with rectangular bars. It can be statically filled with data or dynamically supplied with data via an array.

Button

The button is a simple switching element that provides visual feedback when the background is switched.

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.

Combobox

A combo box is a drop-down menu for selecting an option from several options. Each option is defined by its ID and also has a text that is displayed in the dropdown menu, and an assigned value.

Datagrid

A data grid is a table. Data sets can be displayed in this table that have been defined via Engineering or dynamically via an array.

Date Time Display

A control for displaying the date and time.

Ellipse

An elliptical object.

Event Grid

The Event Grid is provided for the tabular display of alarms and messages.

IFrame

An IFrame is a nested browser context. It can be used to include another HTML page in the visualization or to display a PDF document.

Image

An image is an image display in which image files from the project path can be displayed. The supported image formats are defined by the browser used.

Input

A single-line text input element.

Keyboard

A keyboard is an on-screen keyboard that can be used for input without a hardware keyboard.

Line

A line object.

Line Chart

A LineChart is a diagram in which curves can be displayed.

Linear Gauge

A linear gauge is a linear display in which a value can be displayed by filling in a bar. A start and end value can be defined for this bar.

Localization Select

A combo box to select the localization.

Numeric Input

An input element for numeric values.

Password Input

An input element for passwords.

PDF Viewer

The PDF Viewer control enables embedded display of PDF files in TwinCAT HMI applications.

Polygon

Closed shape formed from a set of interconnected straight lines. The last point is automatically connected to the first point.

Radial Gauge

A radial gauge is a radial display in which a value can be displayed by filling in a bar. A start and end value can be defined for this bar.

Radio Button

A radio button has a RadioState parameter. This parameter has the value "Normal" if the radio button is not selected and "Active" if the radio button is selected.

Only one radio button from a RadioGroup can be selected at a time.

Recipe Select

The Recipe Select control allows you to browse, select, activate and teach recipes from the Recipe Management Extension on the server.

Rectangle

A rectangular object.

Spinbox Input

An input element for numerical values with buttons for increasing and decreasing the value.

State Image

A state control is an image display in which different image files from the project path can be displayed depending on the state of an assigned variable.

Tachometer

A tachometer is a radial indicator that displays a value on a scale using a tachometer needle.

Textblock

A text block is a control in which text can be displayed.

Textbox

A text box is a control in which text can be displayed and entered.

Theme Select

A combo box to select the theme.

Toggle Button

The toggle button is a switching element that can be switched between two states.

Toggle switch

A toggle switch is a switching element that can be switched between two states. A ToggleSwitch has a ToggleState parameter, which can have the value "Normal" or "Active".

Trend Line Chart

A TrendLineChart is a trend element in which curves of historicized symbols can be displayed.

Video

Video can be played with the video control. The supported video formats are defined by the browser used.