Für eine bessere Übersicht über die Seitenstrukturen und die darin enthaltenen Steuerelemente wurde das Fenster Seitenstruktur im Projekteditor eingefügt.
Steuerelemente gruppieren
Fügen Sie einer Seite ein Steuerelement zu, erscheint dieses auch im Fenster Seitenstruktur.

Klicken Sie im Fenster Seitenstruktur mit der rechte Maustaste auf ein Steuerelement, können Sie dieses einer Gruppe zuordnen.

Vergeben Sie unter „Neue Gruppe“ einen Namen für die Gruppe und bestätigen Sie mit „Ok“. In unserem Beispiel wurde die Gruppe „Button“ erstellt.

Im Fenster Seitenstruktur wird nun die Gruppe „Button“ mit dem Steuerelement BreakerButton aufgeführt.

Sind Steuerelemente in Gruppen geordnet, können diese Gruppen durch markieren und Strg C ausgewählt werden und durch Strg V auf eine andere Seite kopiert werden. Es muss nicht mehr jedes einzelne Steuerelement aufgerufen und kopiert werde.
Klicken Sie mit der rechten Maustaste auf eine bestehende Gruppe, können Sie diese wieder entfernen oder umbenennen.

Über Drag&Drop können die Steuerelemente verschoben werden zwischen Gruppen oder ganz herausgenommen werden.
Ebenen der Steuerelemente
Wie Sie schon im Artikel Allgemeine Eigenschaften von Steuerelementen erfahren haben, ist eine Eigenschaft der Steuerelemente der Z-Index. Über den Wert des Z-Index bestimmen Sie die Ebene des Elements. Ein Element mit einem höheren Index-Wert überdeckt visuell ein Element mit einem niedrigeren Index-Wert.
Dies können Sie auch mit einem Klick mit der rechten Mauskaste einstellen. Nun können Sie mit einem weiteren Klick das angewählte Steuerelement „In den Vordergrund“ oder „In den Hintergrund“ rücken.
Mit jedem Klick wird der Wert des Z-Index entweder erhöht, um das Steuerelement in die vordere Ebene zu versetzen oder erniedrigt, um das Steuerelement in die darunter liegende Ebene zu versetzen.

Dabei werden die Werte des Z-Index der anderen Steuerelemente der Seite beachtet.
Hat zum Beispiel der Breaker Button den Z-Index Wert 1 und die Textbox den Z-Index Wert 2, so kann mit einem Klick der rechten Maustaste auf den Breaker Button und einem weiteren Klick auf „In den Vordergrund“ dessen Z-Index Wert auf 3 erhöht werden. Der Breaker Button wird nun visuell die Textbox überdecken.

