Das Form-UI-Element <group> dient dazu, in diesem Tag eingeschlossene Elemente zu gruppieren.
Attributname | Verwendung | Attributwerte | Defaultwert | Beschreibung |
---|---|---|---|---|
bColor | optional | 0,0,0 bis 255,255,255 | Systemfarbe | Hintergrundfarbe als RGB-Wert |
expanded | optional | true, false | true | true = Gruppe ist beim Start ausgeklappt false = Gruppe ist beim Start eingeklappt |
font | optional | Schriftart-Schnitt-Höhe | Systemfont | Schriftart, -schnitt und -höhe für die Textdarstellung |
hSize | optional | Breite des Elements EEC = Breite in Zeichen Web-Applikation = Breite in Pixel |
||
hSizeMax | optional | maximale Breite des Elements EEC = Breite in Zeichen Web-Applikation = Breite in Pixel |
||
hSizeMaxPx | optional | maximale Breite des Elements in Pixel | ||
hSizeMin | optional | minimale Breite des Elements EEC = minimale Breite in Zeichen Web-Applikation = minimale Breite in Pixel |
||
hSizeMinPx | optional | minimale Breite des Elements EEC = minimale Breite in Pixel Web-Applikation = minimale Breite in Pixel |
||
readonly | optional | true, false | true = Gruppe kann nur gelesen werden. false = In der Gruppe sind Eingaben möglich. |
|
title | benötigt | beliebig | Text des Titels | |
twistie | optional | true, false | true | true = aus- und einklappen aktiv false = aus- und einklappen inaktiv |
visible | optional | true, false | true | true = Form-UI in der Liste der Form-UIs sichtbar false = Form-UI in der Liste der Form-UIs unsichtbar |
vSize | optional | Höhe des Elements EEC = Höhe in Zeichen Web-Applikation = Höhe in Pixel |
||
vSizeMax | optional | maximale Höhe des Elements EEC = maximale Höhe in Zeichen Web-Applikation = maximale Höhe in Pixel |
||
vSizeMaxPx | optional | maximale Höhe des Elements EEC = maximale Höhe in Pixel Web-Applikation = maximale Höhe in Pixel |
||
vSizeMin | optional | minimale Höhe des Elements EEC = minimale Höhe in Zeichen Web-Applikation = minimale Höhe in Pixel |
||
vSizeMinPx | optional | minimale Höhe des Elements EEC = minimale Höhe in Pixel Web-Applikation = minimale Höhe in Pixel |
Erlaubte Unterelemente | Anzahl |
---|---|
action | beliebig |
"group | beliebig |
img | beliebig |
include | beliebig |
input | beliebig |
instantiation | beliebig |
label | beliebig |
line | beliebig |
loop | beliebig |
open | beliebig |
progressBar | beliebig |
table | beliebig |
Gruppen mit dem Attribut twistie können aus- und eingeklappt werden, um dadurch die Übersicht in einem Form-UI zu verbessern. Zum Aus- und Einklappen klickt man auf das Dreieck, dass am linken Rand angezeigt wird (siehe folgende Abbildung). Das Dreieck mit der Spitze nach unten (2.) markiert eine ausgeklappte Gruppe, ein Dreieck mit der Spitze nach rechts (1.) eine eingeklappte. Gruppen ohne das Attribut twistie oder mit twistie="false" werden immer ausgeklappt angezeigt und können nicht eingeklappt werden (3.).
Mit dem Attribut expanded wird die Darstellung einer Gruppe beim Öffnen eines Form-UIs gesteuert. Mit dem Wert true wird eine Gruppe beim Öffnen ausgeklappt angezeigt, mit dem Wert false eingeklappt.
<form title="Grouping" id="Grouping">
<line>
<label>The group tag groups all enclosed tags.</label>
</line>
<group title="Example 1" twistie="false">
<group title="twistie="true"" twistie="true">
<label>Expandable and collapsible group</label>
</group>
</group>
<group title="Example 2" twistie="false">
<group title="font="Arial-regular-14"" font="Arial-regular-14">
<label>Group with specific font</label>
</group>
</group>
<group title="Example 3" twistie="false">
<group title="expanded="false"" expanded="false">
<label>Initially collapsed group</label>
</group>
</group>
<group title="Attributes" expanded="false">
<table columns="3">
<td><label font="bold">Attribute name</label></td>
<td><label font="bold">Explanation</label></td>
<td><label font="bold">Default</label></td>
<td align="left"><label>title</label></td>
<td align="left"><label>Text of group</label></td>
<td align="left"></td>
<td align="left"><label>font</label></td>
<td align="left"><label>Font style and size for the title representation</label></td>
<td align="left"><label>System font</label></td>
<td align="left"><label>twistie</label></td>
<td align="left"><label>Group is expandable and collapsible</label></td>
<td align="left"><label>true</label></td>
<td align="left"><label>expanded</label></td>
<td align="left"><label>Group is initially expanded or collapsed</label></td>
<td align="left"><label>true</label></td>
<td align="left"><label>visible</label></td>
<td align="left"><label>Shows or hides the group</label></td>
<td align="left"><label>true</label></td>
</table>
</group>
</form>
Ergebnis: