Hinzufügen von Fenstern

Ein Fenster stellt eine Ergänzung zum Layout der App dar. Um Fenster zu einer Web Experience hinzuzufügen, navigieren Sie zum Bereich Seite, klicken Sie auf die Registerkarte Fenster und dann auf die Schaltfläche Fenster hinzufügen, und wählen Sie eine Vorlage aus. Im Gegensatz zu einer Seite enthält ein Fenster nur Text. Wenn Sie einem Fenster Widgets hinzufügen, werden diese im Abschnitt Gliederung der Registerkarte Fenster sowie im Menü für die Schnellnavigation (im unteren Bereich des Builder-Fensters) aufgeführt. Fenster werden nach festen und verankerten Fenstern gruppiert. Sie können auf ein Fenster im Bereich zeigen und auf Als Splash festlegen klicken, wenn das Fenster nicht bereits zum Öffnen mit einer Seite verbunden ist. Um den Namen zu ändern oder ein Fenster zu entfernen, klicken Sie im Fenster auf die Schaltfläche "Weitere Optionen", und wählen Sie Umbenennen oder Löschen aus. Wenn Sie ein neues Fenster hinzufügen, gilt für dessen Beschriftung eine Regel für fortlaufende Nummerierung. Wenn Sie beispielsweise Fenster 1 duplizieren, erhalten Sie Fenster 2 oder, falls Fenster 2 bereits vorhanden ist, Fenster 3. Bei festen Fenstern (mit Ausnahme von Einführungsfenstern) wird der Name des Fensters auch in der URL der Experience verwendet. (Wenn Sie den Namen eines Fensters nach der Veröffentlichung ändern, funktionieren zuvor verwendete URLs weiterhin.)

Verwenden Sie die folgenden Optionen, um die Fenster in Ihrer App zu verwalten:

  • Einführungsfenster, die mit der Web Experience geöffnet werden, können im Bereich Fenster festgelegt werden. Zeigen Sie unter Festes Fenster auf ein Fenster (schließen Sie dabei die Fenster aus, die zum Öffnen mit einer Seite verknüpft sind), und klicken Sie auf die Schaltfläche Als Splash festlegen. Einer Web Experience kann ein Einführungsfenster hinzugefügt werden.
  • Um ein Fenster mit einer Seite zu öffnen, navigieren Sie zu den Seiteneinstellungen, und wählen Sie ein festes Fenster aus dem Menü Mit Fenster öffnen aus. Fenster, die als Einführungsfenster festgelegt sind, werden in den Optionen nicht angezeigt. Nachdem ein Fenster zum Öffnen einer Seite festgelegt wurde, wird neben dem Bereich Fenster das Symbol für Mit Fenster öffnen angezeigt. Zeigen Sie auf das QuickInfo-Symbol mit dem Namen der verbundenen Seite. Seitenfenster werden nur einmal in der Web Experience angezeigt, es sei denn, der Benutzer aktualisiert den Browser.
  • Konfigurieren Sie die Option Link festlegen, um ein Fenster mit einer Widget-Einstellung zu öffnen. Wählen Sie im Widget-Fenster Link festlegen unter Link die Option Fenster aus, und wählen Sie ein verankertes oder festes Fenster aus (kein Einführungsfenster). Fenster, die durch Widgets ausgelöst werden, werden jedes Mal angezeigt, wenn ein Benutzer auf das Widget klickt.

Einstellungen

Für Fenster sind die folgenden Konfigurationseinstellungen verfügbar:

  • Modus
    • Fest: Wird an einer festen Position angezeigt
    • Verankert: Wird neben dem verknüpften Widget angezeigt
    Hinweis:

    Der Fenstermodus lässt sich in den Einstellungen des Fensters ändern. Aufgrund der unterschiedlichen Aktivierungsmechanismen für feste Fenster, die als Einführungsfenster festgelegt oder zum Öffnen mit einer Seite verknüpft sind, können Sie sie jedoch nicht in den verankerten Modus (und umgekehrt) ändern.

  • Position und Größe
    • Position: Feste Fenster können an fünf Positionen angezeigt werden: mittig, links, oben, rechts und unten. (Verankerte Fenster werden neben dem verknüpften Widget angezeigt; ihre Position wird automatisch festgelegt).
    • Größe: Sie können Werte für die Breite und Höhe eines verankerten oder feste Fensters angeben, wenn es mittig positioniert ist. Sie können auf die Schaltfläche Seitenverhältnis klicken, um das Seitenverhältnis zwischen Breite und Höhe beizubehalten. Für feste Fenster, die oben oder unten positioniert sind, können Sie nur Werte für die Höhe angeben (die Breite wird automatisch an die Seitenbreite angepasst). Analog dazu können Sie für feste Fenster, die links oder rechts positioniert sind, nur Werte für die Breite angeben. Sie können ebenfalls die Kante eines Fensters in der Zeichenfläche ziehen, um dessen Größe anzupassen.
    Hinweis:

    Wenn für das Fenster ein benutzerdefiniertes Layout für Geräte mit mittelgroßem oder kleinem Bildschirm verwendet wird, können Sie Position, Größe und Layout des Fensters anpassen. Symbole in den Positions- und Größeneinstellungen geben an, für welche Bildschirmgröße (groß, mittelgroß und klein) die Konfiguration gilt.

  • Optionen zum Schließen
    • Zum Schließen des Fensters außerhalb klicken: Das Fenster wird geschlossen, wenn der Benutzer auf eine beliebige Stelle außerhalb des Fensters klickt.
    • Interaktion (nur fester Modus)
      • Style: Wählen Sie ein Layout für das Kontrollkästchen und die Schaltfläche aus.
      • Typ: Legen Sie einen Interaktionstyp für das Fenster fest.
        • Bestätigung: Zum Schließen des Fensters müssen Endbenutzer ein Kontrollkästchen aktivieren. Diese Einschränkung gilt für alle Methoden zum Schließen. Standardmäßig wird bei diesem Interaktionstyp das Fenster einmalig angezeigt, außer Sie aktivieren Dieses Fenster immer anzeigen.
        • Option "Nicht erneut anzeigen": Indem der Benutzer dieses Kontrollkästchen im Fenster aktiviert, wird es zukünftig nicht mehr angezeigt. Das Fenster kann geschlossen werden, ohne dass das Kontrollkästchen aktiviert werden muss.
          Tipp:

          Um das Fenster nach dem Aktivieren des Kontrollkästchens wieder anzuzeigen, speichern Sie die Experience erneut, und zeigen Sie sie als Vorschau an, oder veröffentlichen Sie die Experience erneut, und zeigen Sie das veröffentlichte Element an.

      • Kontrollkästchentext: Geben Sie hier den Text ein, der neben dem Kontrollkästchen angezeigt werden soll, und ändern Sie die Schriftgröße (in Pixel oder REM).
      • Schaltflächentext: Geben Sie hier den Text ein, der auf der Schaltfläche (sofern vorhanden) angezeigt werden soll, und ändern Sie die Schriftgröße (in Pixel oder REM).
    • Sie können auch ein Schaltflächen-Widget im Fenster zum Schließen des Fensters einfügen. Mit der Option Link festlegen in den Schaltflächeneinstellungen können Sie die Schaltfläche mit einer Seite verknüpfen, um sie zu schließen. Wenn Sie mehrere Seiten festlegen möchten, die mit einem Fenster geöffnet werden sollen, oder Schaltflächen auf verschiedenen Seiten auf ein Fenster verweisen sollen, ist die Verknüpfung mit einer bestimmten Seite ungeeignet. Legen Sie stattdessen den Link für die aktuelle Seite fest, um zu der Seite zurückzukehren, die das Fenster aktiviert.
      Hinweis:

      Auch wenn Sie einem Fenster Schaltflächen hinzufügen können, mit denen Verknüpfungen zu anderen Fenstern in der App eingerichtet werden, empfiehlt sich diese Konfiguration nicht.

  • Animation: Fügen Sie eine Animation für das Fenster und für das darin enthaltene Widget hinzu.
  • Maskenfarbe: Wählen Sie eine Farbe für die Maske aus, die den Bereich um das Fenster herum ausfüllt. Diese Option ist nur für feste Fenster verfügbar.
  • Hintergrund: Legen Sie den Hintergrund des Fensters fest, indem Sie eine Füllfarbe oder ein Bild auswählen. Sie können die Schaltfläche Schnellformat verwenden, um aus voreingestellten Designs auszuwählen, die zum Design der App passen.
  • Rahmen: Diese Option legt die Farbe, Art und Breite für den Fensterrand fest. Sie können die Radiusgröße ändern, um die Fensterecken zu formen. Sie können die Schaltfläche Schnellformat verwenden, um aus voreingestellten Designs auszuwählen, die zum Design der App passen.
  • Feldschatten: Fügen Sie einen Schatteneffekt um das Fenster hinzu. Sie können die Schaltfläche Schnellformat verwenden, um aus voreingestellten Designs auszuwählen, oder die folgenden Einstellungen verwenden:
    • Versatz X: Legen Sie die horizontale Entfernung des Schattens fest. Der Schatten wird bei einem negativen Wert links neben dem Fenster und bei einem positiven Wert rechts neben dem Fenster platziert.
    • Versatz Y: Legen Sie die vertikale Entfernung des Schattens fest. Der Schatten wird bei einem negativen Wert oberhalb des Fensters und bei einem positiven Wert unterhalb des Fensters platziert.
    • Unschärferadius: Wenden Sie einen Weichzeichnereffekt auf den Schatten an.
    • Ausdehnungsradius: Passen Sie die Größe des Schattens an.
    • Farbe: Wählen Sie eine Farbe aus.

Vorlagen

Für konfigurierbare Fenster stehen folgende vordefinierte Vorlagen zur Verfügung:

  • Bestätigen ist eine voreingestellte Vorlage zur Bestätigung des Schließvorgangs und ist für Inhalte vorgesehen, die vom Benutzer überprüft oder bestätigt werden müssen, bevor er fortfahren kann.
  • Warnung ist eine Vorlage, über die Benutzer zum Annehmen einer Warnmeldung aufgefordert werden können.
  • Die Vorlagen Einfach und Vogue sind zwei verschiedene Layouts für die Anzeige von Informationen.
  • Die Vorlage Novel bietet ein Layout mit der Schaltfläche "Schließen" im Bereich außerhalb des Hauptinhalts.
  • Die Vorlage Seitenleiste ist standardmäßig auf der rechten Seite positioniert und ermöglicht die Durchführung eines vertikalen Bildlaufs für lange Texte.
  • Quickinfo ist eine Vorlage für verankerte Fenster, in denen weitere Informationen zum verknüpften Widget angezeigt werden, z. B. eine Schaltfläche oder ein Bild.
  • Karussell ist eine Vorlage für ein größeres Fenster, in dem mehrere Bilder und Inhalte in einer zyklischen Ansicht angezeigt werden können.
  • Particulars ist eine Vorlage für ein größeres Fenster, in dem mithilfe von Diagrammen, Tabellen, Listen, Bildern, Schaltflächen und Optionen zur Freigabe für soziale Netzwerke mehr Informationen bereitgestellt werden können.
  • Schritte ist eine Vorlage, mit der Informationen über mehrere Aufrufe angezeigt und vorgestellt werden können.

In diesem Thema
  1. Einstellungen
  2. Vorlagen