Auswählen eines Designs

Die Registerkarte Design in Web AppBuilder enthält vorkonfigurierte Designs. Ein Design ist ein Vorlagen-Framework, das das Erscheinungsbild einer App darstellt. Zu den Inhalten eines Designs gehören eine Sammlung von Fenstern, Styles und Layouts sowie eine Reihe vorkonfigurierter Widgets. Eine App kann mehrere Designs enthalten. Während der Ausführung kann davon jedoch nur eines verwendet werden.

Design-Galerie

Sie haben die Auswahl zwischen den folgenden Designs:

NameBeschreibung
Billboard-Design

Billboard-Design*

Für Apps mit einfacher Funktionalität. Das Layout enthält weder das Logo, noch Links oder den Widget-Controller. Alle in diesem Design enthaltenen Widgets sind Bildschirm-Widgets.

Box-Design

Box-Design

Hier stehen die Widgets im Widget-Controller im Vordergrund. Alle Bildschirm-Widgets sind standardmäßig deaktiviert. Es werden keine Platzhalter für Widgets und kein Logo bzw. keine Links angezeigt. Es ist für Apps vorgesehen, die einen unverstellten Blick auf die Karte erfordern.

Dart-Design

Dart-Design

Die im Widget-Controller enthaltenen Widgets werden als Platzhalter-Widgets angezeigt. Es können mehrere Widgets geöffnet sein, die Sie hin und her verschieben können. Alle Bildschirm-Widgets sind standardmäßig deaktiviert. Wie beim Box-Design werden keine Platzhalter für Widgets und kein Logo bzw. keine Links angezeigt.

Dashboard-Design

Dashboard-Design

Alle Widgets in dem Bereich werden beim Starten der App gleichzeitig geöffnet. Es ist zum direkten Visualisieren von Widgets in ihrer Kommunikation konzipiert. Sie können das vordefinierte Layout ändern, indem Sie Gitternetze hinzufügen oder entfernen bzw. die Größe der Gitternetze in dem Bereich ändern. Die meisten Bildschirm-Widgets sind deaktiviert, ausgenommen die Widgets "Standardausdehnung", "Zoom-Schieberegler" und "Vollbild". Sie können auch das Widget "Header" aktivieren, um das Logo, den App-Namen und Links anzuzeigen.

Foldable-Design

Foldable-Design*

Das erste von Web AppBuilder erstellte Design; es unterstützt sämtliche Widget-Typen und kann für Apps mit komplexer Funktionalität verwendet werden.

Jewelry Box-Design

Jewelry Box-Design*

Aus dem Foldable-Design entstanden, mit einem fokussierten Widget im Seitenbereich der App. Es ist für Apps mit einem Workflow-Task vorgesehen.

Launchpad-Design

Launchpad-Design

Für Benutzer, die das Apple Mac-Design bevorzugen. Damit können Sie mehrere Widgets öffnen und verschieben, deren Größe ändern und sie minimieren.

Plateau-Design

Plateau-Design

Kann verwendet werden, um eine moderne und grundlegende App mit flachen Werkzeugleisten und Widget-Containern zu erstellen. Dieses Design ist beim Erstellen von 3D-Apps nicht verfügbar.

Pocket-Design

Pocket-Design*

Für Apps, die in Websites, Storys oder andere Medien mit umgebendem Kontext eingebettet werden. Nur ein Widget wird in einem Fenster unterstützt, das sich links oder rechts befinden kann. Dieses Design ist beim Erstellen von 3D-Apps nicht verfügbar.

Tab-Design

Tab-Design*

Unterstützt wie das Foldable-Design sämtliche Widget-Typen und kann für Apps mit komplizierten Tasks verwendet werden.

* Diese Designs unterstützen barrierefreie Webinhalte für Endbenutzer. Weitere Informationen, darunter Informationen zu den Einschränkungen, finden Sie unter Unterstützung für Barrierefreiheit.

Style

Die verfügbaren Styles hängen vom ausgewählten Design auf der Registerkarte Design ab. Bei den meisten Designs (bis auf das Design "Launchpad" und das Design "Dashboard") stehen sieben vordefinierte Farben zur Auswahl. Wenn Ihre Organisation das festgelegte Design mit einer Überschriftsfarbe definiert hat, ist diese beim Erstellen einer App die Standardfarbe.

Abschnitt "Style" der Registerkarte "Design"

Sie können auch eine eigene Farbe auswählen.

  • Bei den meisten Designs können Sie auf die letzte Farbe in der Farbauswahl klicken und mit Benutzerdefiniert eine benutzerdefinierte Farbe festlegen.
  • Beim Design "Dashboard" kann lediglich für die Kopfzeile eine benutzerdefinierte Farbe festgelegt werden. Die Kopfzeile ist standardmäßig deaktiviert. Gehen Sie wie folgt vor, um bei Auswahl dieses Designs eine Kopfzeile mit einer benutzerdefinierten Farbe einzufügen:
    1. Zeigen Sie auf der Registerkarte Widget auf das Widget Kopfzeile, und klicken Sie auf die Schaltfläche Dieses Widget anzeigen, um die Kopfzeile in der App zu aktivieren.
    2. Klicken Sie auf die Schaltfläche Dieses Widget konfigurieren. Wählen Sie im Konfigurationsfenster für Style festlegen die Option Benutzerdefiniert aus. (Standardmäßig wird die Designfarbe angezeigt. Wahlweise können Sie auch das festgelegte Design verwenden.)

Farbauswahl

Layout

Ein Layout bietet eine vordefinierte Platzierung von Elementen der Benutzeroberfläche.

Abschnitt "Layout" der Registerkarte "Design"

  • Wenn Sie 2D-Apps erstellen, variieren die verfügbaren Layouts je nach dem auf der Registerkarte Design ausgewählten Design. Zudem gibt es zwei Layout-Styles. Einer ist für Desktop- und der andere ist für mobile Geräte vorgesehen. Wenn die Höhe oder Breite einer Bildschirmanzeige weniger als 600 Pixel beträgt, wird das mobile Layout angewendet.
  • Wenn Sie 3D-Apps erstellen, verfügt jedes Design über zwei Layouts nur für Desktops.
  • Eigene Layouts lassen sich nur mit dem Design "Dashboard" ändern und erstellen.
Vorsicht:

Derzeit unterstützen Layouts des Designs "Dashboard" keine von rechts nach links verlaufende Sprachen.


In diesem Thema
  1. Design-Galerie
  2. Style
  3. Layout