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: 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: Es wird empfohlen, geschachtelte Containerlayouts zu vermeiden, um die Wartung und Übereinstimmung zwischen Entwurfszeit und Laufzeit zu gewährleisten.

Eigenschaften Containerlayout

Allgemein

• Tooltip – Kurzinfo, die am Containerlayout angezeigt wird. Verwenden Sie diese Option, um zusätzliche Informationen über das Steuerelement bereitzustellen.
• Ausgeblendet – Wenn diese Option ausgewählt ist, wird das Steuerelement während der Laufzeit ausgeblendet.
• 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.
• Seitenrand – Legt den Rand des Steuerelements fest. Standardmäßig ist der Rand mit 0px festgelegt. Die auf den Seitenrand bezogenen Eigenschaften „Oben/Unten“ und „Links/Rechts“ werden kombiniert. Diese Eigenschaften können mit der Schaltfläche zum Aufheben von Verknüpfungen rechts neben der Überschrift des Abschnitts „Seitenrand‟ aufgehoben werden.
• 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

• Ausgeblendet – Wenn diese Option ausgewählt ist, wird das Steuerelement während der Laufzeit ausgeblendet.
• 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:

  • Richtung (Horizontal/Vertikal) – Steuerelemente sind untereinander (vertikal) oder nebeneinander (horizontal) angeordnet.
  • Ausrichtung – Steuert die Ausrichtung innerhalb der Vorlage (Links, Mitte, Rechts und Strecken für vertikale Richtung; und Oben, Mitte, Unten, Strecken für horizontale Richtung).
  • Im Blocksatz ausrichten – Oben, Mitte, Unten und Verteilen für vertikale Richtung und Links, Mitte, Rechts und Verteilen für horizontale Richtung.
  • 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.