Fügen Sie den Apps, die Sie mit Experience Builder erstellen, Funktions- und Layout-Widgets hinzu. Sie können die Standard-Styles übernehmen oder das Aussehen anpassen und Widgets mit Daten, Links und weiteren Widgets verbinden, um eine eigene Web Experience zu erstellen.
Einfügen von Widgets
Widgets sind die Grundlage Ihrer Apps. Falls Sie nicht die Widgets verwenden, die in den verschiedenen Vorlagen für Seiten, Fenster, Bildschirmgruppen und Blöcke verfügbar sind, können Sie Widgets über das Fenster Widget einfügen per Drag & Drop hinzufügen. Die Widgets "Widget-Controller" und "Platzhalter" sowie Fenster mit Bildlauf in einer Bildschirmgruppe weisen ebenfalls die Schaltfläche Widget hinzufügen auf. Widgets sind in die Kategorien "Standard" und "Layout" gruppiert. Standard-Widgets sind Funktions-Widgets, die wie App-Werkzeuge funktionieren, und Layout-Widgets sind die Container, in denen Widgets auf der Seite organisiert werden.
Während Sie Widgets hinzufügen und schachteln, können Sie die interaktive Gliederungsansicht jeder Seite nutzen, die die Widget-Hierarchie für die Seite zeigt und Ihnen hilft, geschachtelte Widgets zu organisieren, auszuwählen und zu konfigurieren. Wenn Sie mit der Maus auf ein Widget in der Gliederung zeigen, wird das entsprechende Widget auf der Zeichenfläche hervorgehoben. Klicken Sie in der Gliederung auf ein Widget, und klicken Sie auf die Schaltfläche Mehr, um ein Menü mit Widget-Operationen wie Umbenennen, Duplizieren, Löschen, Position und Größe sperren, Anordnen und Ausrichten anzuzeigen. Verwenden Sie die standardmäßigen Tastaturkombinationen zum Kopieren/Einfügen (Strg+C und Strg+V für Windows; Cmd-C und Cmd-V für Mac), um Widgets seitenübergreifend zu kopieren. Beim Duplizieren oder Kopieren eines Widgets bleiben alle seine Einstellungen mit Ausnahme der Position auf der Seite erhalten. Beim Ziehen von Widgets auf der Zeichenfläche zum Verschieben und Anpassen ihrer Größe werden Fanglinien oder Entfernungswerte angezeigt, mit deren Hilfe Sie Widgets in einem festen Layout ausrichten und genau positionieren können. Wenn Fanglinien angezeigt werden, werden die entsprechenden Widgets bei allen Bildschirmauflösungen aneinander gefangen.
Die Registerkarte Ausstehend im Fenster Widget einfügen ist nützlich, wenn Sie Ihre App für mehrere Bildschirmgrößen optimieren müssen. Zum Beispiel könnte die Designanforderung bestehen, dass das Karten-Widget für große und mittelgroße, nicht aber für kleine Bildschirme implementiert werden soll. In diesem Fall können Sie das Karten-Widget aus dem Design für kleine Bildschirme entfernen und der ausstehenden Liste hinzufügen.
Verbinden von Widgets
Im Konfigurationsfenster für das Widget befinden sich Einstellungen für Inhalt, Style und Aktion. Über die Einstellung "Inhalt" definieren Sie das Verhalten, die Datenverbindungen und weitere Einstellungen für das Widget. Ausrichtung und Styling der Widgets erfolgen auf der Registerkarte Style, die Einstellungen für Größe, Position, Animation, Hintergrund, Rahmen und Feldschatten enthält. Die Position der Widget-Fenster wird in der Live-App gespeichert. Sie können auch die Widget-Werkzeugleisten verwenden, um Widgets auszurichten, zu entfernen oder zu duplizieren.
Bestimmte Widgets unterstützen das Hinzufügen von Aktionen, die die Kommunikation zwischen Widgets ermöglichen. So löst zum Beispiel eine Aktion in einem Widget eine Aktion in einem anderen Widget aus, beispielsweise beim Klicken auf ein Karten-Feature, um die in einem Feature-Info-Widget angezeigten Feature-Details zu aktualisieren. Sie können Meldungsaktionen für automatische Interaktionen oder Datenaktionen, auf die Endbenutzer zur Laufzeit über das Menü Aktionen zugreifen können, hinzufügen. Kombinieren Sie Werkzeuge und Widgets, und verbinden Sie sie, um zusätzliche Interaktivität zu erreichen. Durch Festlegen von Links zu anderen Inhalten wie Seiten, Fenstern und Abschnittsansichten können Sie den Endbenutzern bei der Navigation in Ihrer App helfen.
Festlegen von Links
Sie können mit der Option Link festlegen einen Hyperlink in Ihren Inhalt einfügen, um Endbenutzer an eine andere Seite, Abschnittsansicht oder an ein anderes Fenster in Ihrer App oder eine andere Webadresse zu leiten. In Bildlaufseiten können Sie Links für Widgets festlegen, sodass ein Bildlauf zu einem bestimmten Block auf der Seite durchgeführt oder wieder der obere Bereich der Seite angezeigt wird. Die folgenden Widgets unterstützen das Festlegen eines Links:
Einstellungen
Beim Festlegen eines Links können Sie unter den folgenden Optionen wählen:
- Seite: Link, der an eine andere Seite in Ihrer App leitet.
- Ansicht: Link, der an eine bestimmte Ansicht in einem Abschnitts-Widget leitet.
- Fenster: Link, der ein bestimmtes Fenster in Ihrer App öffnet.
- URL: Link, der an eine Webadresse leitet (geben Sie eine mit https:// beginnende URL ein).
- Block: Link, der einen Bildlauf zu einem bestimmten Block auf derselben Bildlaufseite in der App durchführt. (Für das Widget "Text" nicht verfügbar.)
- Seitenanfang: Link, der einen Bildlauf zum Seitenanfang durchführt. (Für das Widget "Text" nicht verfügbar.)
Sie können auch festlegen, wo der verknüpfte Inhalt geöffnet werden soll:
- App-Fenster: Der verknüpfte Inhalt wird im aktuellen Browserfenster, das Ihre App verwendet, geöffnet.
- Oberes Fenster: Der verknüpfte Inhalt reicht aus allen Rahmen, in denen er geschachtelt ist, heraus und wird in einem Fenster, das andere geöffnete Fenster überlagert, geöffnet.
- Neues Fenster: Der verknüpfte Inhalt wird in einem neuen Browserfenster geöffnet, während die App im ursprünglichen Fenster geöffnet bleibt.