Verfeinern der Layouts für alle Geräte

Mit Experience Builder können Sie unterschiedliche Seitenlayouts für Ihre Web Experiences erstellen und konfigurieren, damit sie auf Bildschirmen jeder Größe gut funktionieren. Die Konfiguration jedes Layouts basiert auf adaptivem Design, bei dem Sie spezielle Designs für große, mittelgroße und kleine Bildschirme erstellen können. Jedes Layout ist eine Adaption der Experience, die eine größere Flexibilität für mehr App-Anpassung und bessere Nutzung von Bildschirmgrößen und unterschiedliche Inhalte bietet.

Die Vorlagen wurden so erstellt, dass sie bei mehreren Bildschirmgrößen funktionieren. Wenn Sie eine Vorlage für leere Vollbild-Apps oder leere Bildlaufseiten auswählen, ist in ihr das Auto-Layout für Geräte mit mittelgroßem und Geräte mit kleinem Bildschirm aktiviert. Dadurch bleibt die Synchronisation aller Widgets mit den Widgets im Layout für das Gerät mit großem Bildschirm erhalten. Außerdem werden die Widgets automatisch angeordnet.

Um ein separates Layout für ein Gerät mit mittelgroßem oder kleinem Bildschirm zu erstellen, klicken Sie auf die Schaltfläche Benutzerdefiniert neben dem Layout Ihrer Seite oder Ihres Fensters. Danach können Sie Widgets und Fenster für das ausgewählte Bildschirmgerät manuell anordnen und ihre Größe anpassen. Wenn Sie in einem Layout für Geräte mit kleinem Bildschirm ein Widget oder eine Bildschirmgruppe entfernen müssen, klicken Sie auf die Schaltfläche In ausstehende Liste verschieben In ausstehende Liste verschieben auf der Werkzeugleiste. Damit wird das Widget oder die Bildschirmgruppe in der Zeichenfläche des aktuellen Geräts entfernt. Danach wird die Konfiguration gespeichert, damit Sie sie bei Bedarf wieder zum Layout hinzufügen können. Wenn Sie die Option für das benutzerdefinierte Layout aktiviert haben, werden weitere Widgets, die einem anderen Gerätemodus hinzugefügt werden, dem aktuellen Gerät nicht hinzugefügt. Diese können Sie manuell aus der Registerkarte Ausstehend im Fenster Widget einfügen hinzufügen.

Tipp:

Um die Layouts für unterschiedliche Bildschirmgrößen und Geräte zu testen, klicken Sie auf Live-Ansicht auf der Builder-Werkzeugleiste. Mit einer Live-Ansicht können Sie nachprüfen, ob der Inhalt ordnungsgemäß angepasst wurde, bevor Sie speichern und veröffentlichen. Sie können auch experimentieren, indem Sie einige Einstellungen ändern und die interaktiven und dynamischen Widgets manipulieren, um zu sehen, wie sie funktionieren.