Steuerelemente
Die Steuerelemente für Web UI werden in der Toolbox von EASY UI Designer zur Verfügung gestellt und sind dort in verschiedene Kategorien eingeteilt.
| Kategorie | Symbol und Name | Beschreibung |
|---|---|---|
| Schaltflächen | Enthält Steuerelemente, die durch Bedienen eine Funktion auslösen oder eine Prozessvariable verändern. | |
Button
|
Taster zum Aufrufen einer Funktion. | |
ToggleButton
|
Schalter zum Ein- oder Ausschalten einer Option. | |
Key
|
Taster mit Variablenanbindung. | |
Switch
|
Schalter zum Ein- oder Ausschalten einer Option. | |
CheckBox
|
Kontrollkästchen zur Aktivierung oder Deaktivierung einer Option. | |
RadioButton
|
Element zur Aktivierung oder Deaktivierung einer einzelnen Option aus einer Gruppe von Optionen. | |
RadioButtonGroup
|
Steuerelement zur Gruppierung von Optionen, von denen jeweils nur eine aktiviert werden kann. | |
| Ein-/Ausgabe | Enthält Steuerelemente für die Eingabe und Ausgabe von Prozesswerten. | |
DropDownBox
|
Aufklappbare Liste von Optionen, aus denen nur eine ausgewählt werden kann. | |
SelectBox
|
Steuerelement mit Drop-Down-Menü zur Auswahl eines Elementes. | |
ListBox
|
Steuerelement zur Darstellung einer statischen oder zur Laufzeit generierten Liste. | |
NumericVarOut
|
Ausgabefeld für eine numerische Prozessvariable. | |
TextVarOut
|
Ausgabefeld für eine alphanumerische Prozessvariable. | |
Bar
|
Balkendiagramm für die Anzeige eines Prozessvariablenwertes. | |
RadialInstrument
|
Tachometer-ähnliche Anzeige eines Prozessvariablenwertes. | |
DonutGauge
|
Ringdiagramm für die Anzeige eines Prozessvariablenwertes. | |
PieChart
|
Tortendiagramm für die Anzeige von mehreren Werten. | |
StackedDonutGauge
|
Ringdiagramm für die Anzeige von mehreren Variablenwerten. | |
NumericVarIn
|
Ein-/Ausgabefeld für einen numerischen Prozessvariablenwert. | |
TextVarIn
|
Ein-/Ausgabefeld für einen alphanumerischen Prozessvariablenwert. | |
DateTimeVarIn
|
Eingabe/Ausgabe für ein Datum und/oder eine Zeit. | |
Slider
|
Schieberegler für die Eingabe und Ausgabe eines Variablenwertes. | |
Label
|
Anzeige eines Textes und eines Symbols zur Beschriftung anderer Elemente. | |
TextBlock
|
Anzeige eines Textes. | |
Clock
|
Uhr, zeigt die Systemzeit an. | |
Image
|
Darstellung einer Grafik. | |
ColorIndicator
|
Steuerelement, das seine Farbe ändert, wenn sich der Wert der angebundenen Variablen ändert. | |
StateIndicator
|
Steuerelement, das seine Farbe, seinen Text und sein Symbol in Abhängigkeit des Wertes der angebundenen Variablen ändert. | |
VideoPlayer
|
Steuerelement zum Abspielen eines Videos. | |
PDFViewer
|
Steuerelement zum Anzeigen eines PDF-Dokuments. | |
EmbeddedWebsite
|
Steuerelement zum Einbinden einer externen Ressource in die Applikation. | |
| System | Enthält Steuerelemente für die Anzeige von Daten aus den VisiWin 7 Systemmodulen. | |
AlarmList
|
Anzeige von Alarmen in Form einer Tabelle bzw. Liste. | |
HistoricalAlarmList
|
Anzeige von historischen Alarmen in tabellarischer Form. | |
AlarmIndicator
|
Weist auf das Vorhandensein von Alarmen hin. | |
| Container | Enthält Steuerelemente, die andere Steuerelemente aufnehmen können. | |
TabBar
|
Leiste mit Schaltflächen für die Navigation. | |
AbsoluteLayout
|
Container zum manuellen Positionieren von Steuerelementen. | |
FlexLayout
|
Container zum automatischen Positionieren von Steuerelementen. | |
CardLayout
|
Container zum automatischen Positionieren von Karten (Cards). | |
Card
|
Steuerelement, das auf einem CardLayout dargestellt wird, mit einer Überschrift und einem Inhalt. | |
CardHeader
|
Container für die Überschrift einer Karte (Card). | |
CardContent
|
Container für den Inhalt einer Karte (Card). | |
Group
|
Container für Steuerelemente mit Rahmen und Beschriftung. | |
ViewBox
|
Container zum Skalieren des Inhalts. | |








































