Es handelt sich um Fenster, für die Sie festlegen können, dass sie beim Laden der App, beim Laden einer Seite oder beim Klicken auf ein Widget geöffnet werden. Über Fenster können Sie Ihren Web Experiences Einführungsbildschirme, Bestätigungsmeldungen, Lernprogramme und Warnungen hinzufügen.
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 Seiten enthalten 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 in zwei Kategorien eingeteilt: fest und verankert. Sie können auf ein Fenster im Bereich zeigen und auf Als Splash festlegen klicken, wenn das Fenster nicht zum Öffnen mit einer Seite verbunden ist. Um den Namen eines Fensters zu ändern, ein Fenster zu duplizieren oder ein Fenster zu entfernen, klicken Sie im Fenster auf die Schaltfläche Mehr, und wählen Sie Umbenennen, Duplizieren 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 einer 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:
- Modalwert
- 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: Bei fixierten Fenstern können Sie das Gitternetz verwenden, um das Fenster so zu fixieren, dass es an einem von neun Ankerpunkten auf der Seite angezeigt wird. (Verankerte Fenster werden neben dem verknüpften Widget angezeigt; ihre Position wird automatisch festgelegt).
- Größe: Sie können Werte für Breite und Höhe in Pixel (px) für ein verankertes Fenster und in Pixel oder Prozent der Zeichenfläche (%) für ein fixiertes Fenster angeben. Sie können auch die Größe des Fensters durch Ziehen an den Rändern ändern. Im Modus Benutzerdefiniert können Sie für ein fixiertes Fenster bestimmte Werte festlegen und Versätze hinzufügen. Im Modus Streckung können Sie Werte für die Fensterränder festlegen.
- Versatz X: Legen Sie den horizontalen Versatz des Fensters fest. Ein negativer Wert verschiebt das Fenster nach links, ein positiver Wert verschiebt es nach rechts.
- Versatz Y: Legen Sie den vertikalen Versatz des Fensters fest. Ein negativer Wert verschiebt das Fenster nach oben, ein positiver Wert verschiebt es nach unten.
- Ränder: Definieren Sie den Abstand zwischen einem Rand des Fensters und dem entsprechenden Rand der Zeichenfläche. Wenn Sie die Fensterbreite auf Streckung festlegen, können Sie Werte für die linken und rechten Ränder angeben. Wenn Sie die Fensterhöhe auf Streckung festlegen, können Sie Werte für die oberen und unteren Ränder angeben.
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 die Bildschirmgröße (groß, mittelgroß und klein) an, für die die Konfiguration gilt.
- Sperrseite: Der Benutzer wird daran gehindert, auf andere Bestandteile der App zu klicken oder anderweitig damit zu interagieren, während dieses Fenster aktiv ist. Diese Einstellung ist nur für feste Fenster verfügbar.
- Maskenfarbe: Wählen Sie eine Farbe für die Maske aus, die den Bereich um das Fenster herum ausfüllt.
- Optionen zum Schließen
- Zum Schließen des Fensters außerhalb klicken: Das Fenster kann geschlossen werden, indem der Benutzer auf eine beliebige Stelle außerhalb des Fensters klickt.
Hinweis:
Wenn Sie Sperrseite für ein festes Fenster deaktivieren, ist diese Einstellung nicht verfügbar.
- Interaktion (nur fester Modus): Fügen Sie am Ende des Fensters eine Interaktion hinzu.
- 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 mehr 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. Verwenden Sie Option Link festlegen in den Schaltflächeneinstellungen, und verknüpfen Sie die Schaltfläche mit einer Seite, 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.
- Zum Schließen des Fensters außerhalb klicken: Das Fenster kann geschlossen werden, indem der Benutzer auf eine beliebige Stelle außerhalb des Fensters klickt.
- Animation: Fügen Sie eine Animation für das Fenster und für das darin enthaltene Widget hinzu.
- Hintergrund: Wählen Sie eine Füllfarbe oder ein Bild für den Hintergrund des Fensters aus. Verwenden Sie die Schaltfläche Schnellformat, um aus voreingestellten Designs auszuwählen, die zum Design der App passen.
- Rahmen: Wählen Sie die Farbe, den Style und die Breite (in Pixel) für Rahmen des Fensters aus. Sie können die Radiusgröße ändern, um die Fensterecken zu formen. Verwenden Sie die Schaltfläche Schnellformat, um aus voreingestellten Designs auszuwählen, die zum Design der App passen.
- Feldschatten: Fügen Sie einen Schatteneffekt um das Fenster hinzu. Verwenden Sie die Schaltfläche Schnellformat, um aus voreingestellten Designs auszuwählen, oder verwenden Sie die folgenden Einstellungen:
- 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
Experience Builder umfasst die folgenden Fenstervorlagen:
- Die Vorlage Festgelegter Blocker eignet sich, wenn Sie Interaktionen mit dem Rest der App blockieren möchten, bis der Benutzer das Fenster schließt.
- Leeres Fenster ist eine leere Vorlage.
- 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.
- 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.
- Die Vorlage Festgelegter Passthrough eignet sich, wenn der Benutzer mit dem Fenster und parallel dazu mit anderen Teilen der Anwendung interagieren können soll.
- Fußnote wird am unteren Rand des App-Layouts als Animation mit dem Effekt "Hineinschweben" angezeigt.
- Element-Info wird rechts im App-Layout als Animation mit dem Effekt "Hereinfliegen" angezeigt.
- Die Vorlage Verankert eignet sich, wenn Sie ein Fenster mit einem Widget verknüpfen möchten.
- QuickInfo dient zur Angabe weiterer Informationen zum verknüpften Widget, wobei es sich um das Widget "Schaltfläche" oder "Bild" handeln kann.
- Mit Schritte können Informationen in mehreren Ansichten angezeigt bzw. vorgestellt werden.
URL-Parameter
In der folgenden Liste sind URL-Parameter aufgeführt, mit denen Sie das Verhalten von Fenstern steuern können.
Öffnen eines Fensters
Um auf ein bestimmtes aktives Fenster zu verweisen, verwenden Sie dlg, gefolgt von einer Fenster-ID oder -beschriftung.https://experience.arcgis.com/experience/<AppId>/?dlg=Window-1
Steuern des Fensterfokus
Um Einführungsfenster oder Seitenfenster in eine Experience Builder-App einbetten möchten, ohne dass die App automatisch zu diesen Fenstern wechselt, verwenden Sie den Parameter disable_window_focus zum Steuern dieses Verhaltens. Fügen Sie der Host-Webseite die folgende URL hinzu, um das Verschieben des Fokus zu deaktivieren. Standardmäßig ist disable_window_focus auf "false" gesetzt.https://experience.arcgis.com/experience/<AppId>/?disable_window_focus=true
Um den Fensterfokus für ein bestimmtes Fenster zu steuern, verwenden Sie wie im folgenden Beispiel dlg gefolgt von einer Fenster-ID oder einer Fensterbeschriftung und dem Parameter disable_window_focus:https://experience.arcgis.com/experience/<AppId>/?dlg=Window-1&disable_window_focus=true