Containerlayout

Ein Containerlayout hilft Ihnen, ein komplexes Layout Ihrer Wahl auf einfache Weise zu erstellen. Wenn ein Containerlayout-Steuerelement hinzugefügt wird, ist standardmäßig ein einzelner Container verfügbar. Zusätzliche Container können hinzugefügt werden, indem Sie auf das Symbol „+‟ auf der Arbeitsfläche klicken.

Die Container innerhalb des Containerlayouts können neu positioniert werden, indem Sie einfach den Container ziehen und an einer beliebige Stelle innerhalb des Layouts ablegen. Container können durch Ziehen an der Ecke des Containers neu dimensioniert werden. Ein Container kann gelöscht werden, indem Sie den Container auswählen und auf der Tastatur „Löschen‟ drücken oder die Strukturansicht verwenden.

Das Containerlayout-Steuerelement verfügt über 2 Sätze von Eigenschaften. Eine für das Containerlayout und die andere für jeden der Container innerhalb des Layouts.

Hinweis:

Empfehlung

Containerlayouts werden am besten auf Seitenebene verwendet, wenn Sie ein Layout für eine Seite mit unterschiedlichen Abschnitten erstellen möchten. Zum Ausrichten und Positionieren von Steuerelementen auf einer Seite empfehlen wir die Verwendung von Containern

Wichtig:

Avoid Nested Container Layouts. It is recommended to avoid nested container layouts for ease of maintenance and consistency between design time and runtime.

Eigenschaften Containerlayout

Allgemein

• Tooltip – Kurzinfo, die am Containerlayout angezeigt wird. Verwenden Sie diese Option, um zusätzliche Informationen über das Steuerelement bereitzustellen.
• Hidden- If selected, hides the control in the runtime.
• Deaktiviert – Wenn diese Option ausgewählt ist, wird das Steuerelement während der Laufzeit deaktiviert.

Events

Keine Ereignisse.

Stil

• Hintergrundfarbe – Legt die Hintergrundfarbe des Containerlayouts fest.
• Schriftart – Legt die Schriftfamilie für das Containerlayout fest. Alle Container innerhalb des Layouts haben die gleiche Schriftfamilie wie das Layout.
• Margin- Sets the margin of the layout. By default 0px margin is set. Top/Bottom and Left/Right margin properties are combined. These properties can be unlinked using the unlink button on the right side of the Margin section heading.
• Abstand – Legt den Abstand des Layouts fest. Standardmäßig ist der Abstand mit 0px festgelegt. Die auf den Abstand bezogenen Eigenschaften „Oben/Unten“ und „Links/Rechts“ werden kombiniert. Diese Eigenschaften können mit dem Symbol zum Aufheben von Verknüpfungen rechts neben der Überschrift des Abschnitts „Abstand‟ aufgehoben werden, wenn für jede Seite unterschiedliche Abstandswerte festgelegt werden müssen.
• Größe – Breite und Höhe des Layouts können in diesem Abschnitt festgelegt werden. Sie Breite ist standardmäßig auf 100 % festgelegt. Die Höhe des Layouts wird automatisch basierend auf den darin enthaltenen Containern angepasst, da sie auf „Automatisch‟ festgelegt ist.

Containereigenschaften

Allgemein

• Hidden- If selected, hides the control in the runtime.
• Deaktiviert – Wenn diese Option ausgewählt ist, wird das Steuerelement während der Laufzeit deaktiviert.

Events

• Angeklickt – Konfigurieren Sie, was passieren soll, wenn auf den Container geklickt wird.

Stil

• Layout – Legen Sie fest, wie die Steuerelemente innerhalb des Containers positioniert werden:
  • Direction (Horizontal/Vertical) - Controls are arranged one below the other (vertical) or side by side (horizontal).
  • Alignment- Controls alignment within the template ( Left, Center, Right & Stretch for Vertical direction and Top, Middle, Bottom, Stretch for Horizontal direction).
  • Justify- Top, Middle, Bottom & Distribute for Vertical direction and Left, Center, Right & Distribute for Horizontal direction.
  • Umbrechen zulassen – Wenn diese Option aktiviert ist, wird das Steuerelement im Container umgebrochen, wenn nicht genügend Platz vorhanden ist.
• Hintergrundfarbe – Legt die Hintergrundfarbe des Containers fest.
• Rahmen – Legt den Rahmen für das Steuerelement fest. Rahmenstärke, Rahmenfarbe und Eckenradius können für den Rahmen konfiguriert werden.
• Schriftart – Legt die Schriftfamilie für den Container fest. Alle Steuerelemente innerhalb des Containers haben die gleiche Schriftfamilie wie der Container.