Seite (Page)

Ein Seitencontainer ist ein primärer Container. Sie können mehrere Steuerelemente und Container innerhalb einer Seite hinzufügen.

Um Ihrer App mehrere Seiten hinzuzufügen, klicken Sie mit der rechten Maustaste auf eine vorhandene Seite in der Strukturansicht und wählen Sie Neue Seite hinzufügen aus.

Wenn Sie eine neue Seite hinzufügen, können Sie eine vorgefertigte Vorlage für verschiedene Anwendungsfälle verwenden, z. B. Dashboards, Formulare oder Listen. Um ganz von vorne zu beginnen, wählen Sie Leere Seite aus.

Allgemein

• Beschreibung – Die Beschreibung der Seite. Diese Informationen sind während der Laufzeit nicht sichtbar.

• Tooltip – Kurzinfo, die auf der Seite angezeigt wird. Damit können Sie zusätzliche Informationen auf der Seite bereitstellen.

• Ladefortschrittsanzeige anzeigen – Standardmäßig aktiviert, erlaubt es Benutzern, mit der App zu interagieren, nachdem die Seite vollständig geladen wurde. Wenn Sie dieses Kontrollkästchen deaktivieren, können Benutzer mit der App interagieren, während die Seite geladen wird, was bei Apps mit komplexen Seiten nützlich sein kann.

Events

• Geladen – Konfigurieren Sie, was passiert, wenn die Seite geladen ist.

Stil

• Layout – Legen Sie fest, wie die Steuerelemente innerhalb des Containers positioniert werden:

  • Horizontal/Vertikal – Die Ausrichtung der Steuerelemente.
  • Ausrichtung – Die Ausrichtung der Steuerelemente innerhalb des Containers.
  • Umbrechen zulassen – Wenn diese Option ausgewählt ist, werden die Steuerelemente im Container umgebrochen.

• Hintergrundfarbe – Die Hintergrundfarbe des Containers.

• Rahmen – Der Rahmen für das Steuerelement. Rahmenstärke, Farbe und Radius können konfiguriert werden.

• Schriftart – Legt die Schriftfamilie für das Containerlayout fest. Alle Steuerelemente innerhalb des Containers haben dieselbe Schriftfamilie. Standardmäßig erbt das Steuerelement die Schriftfamilie des unmittelbar übergeordneten Containers, der durch das Schlüsselwort „Geerbt“ angegeben wird.

• Seitenrand – Der Rand des Layouts. Standardmäßig ist ein Seitenrand von 0px festgelegt. Die Randeigenschaften Oben/Unten und Links/Rechts werden kombiniert. Diese Eigenschaften können mit der Schaltfläche Link rechts neben dem Abschnitt Seitenrand getrennt werden.

• Abstand – Der Abstand des Layouts. Standardmäßig ist ein Abstand von 4px festgelegt. Die Randeigenschaften Oben/Unten und Links/Rechts werden kombiniert. Diese Eigenschaften können mit der Schaltfläche Link rechts neben dem Abschnitt Abstand getrennt werden.

• Größe – Die Breite und Höhe des Layouts. Standardmäßig ist die Breite auf 100 % festgelegt und das Kontrollkästchen Gesamte Breite ist aktiviert, während die Höhe auf auto festgelegt ist, damit das Layout basierend auf den darin enthaltenen Containern und Steuerelementen erweitert werden kann. Um einen benutzerdefinierten Breitenwert festzulegen, deaktivieren Sie das Feld Gesamte Breite .