Layouts in werden aktualisiert UI Builder

Upgrade-Layouts in erstellt QuebecUnd RomeZum neuen Layoutsystem.

Die UI BuilderDas Layoutsystem wurde in erweitert und aktualisiert San DiegoRelease. Dieses neue Layoutsystem verfügt über eine vereinfachte Inhaltsstruktur und einen neuen Stilbereich für die Layoutkonfiguration und Komponentengestaltung. Alle neu erstellten Seitenvarianten verwenden das neue Layoutsystem. Sie haben die Möglichkeit, für vorhandene und anwenderdefinierte Seiten ein Upgrade auf das neue Layoutsystem durchzuführen.

Das neue Layoutsystem umfasst Folgendes:

• Eine vereinfachte Inhaltsstruktur
• Verbesserter Stilbereich für Layoutkonfiguration und Komponentenstile
• Low-Code-UI zum Konfigurieren von CSS Flexbox Und Raster Layouts.
• Erweiterte UI für Komponentenstile
• Aktualisierte Layouts erfordern keine Zeitfenster

Dinge, auf die nach dem Upgrade der Layouts geachtet werden soll

Varianten und Seiten werden einzeln aktualisiert.

Eine Seite/Variante besteht aus einem Layout, Komponenten und Unterkomponenten, die in einen Container innerhalb eines Layouts mit Datenressourcen, Ereignisbindungen und Zusammensetzung eingeschlossen sind. Nur das Layout Ihrer Seite wird beim Upgrade auf das neue Layoutsystem aktualisiert, sodass sich dies nicht auf Ihre Daten, Komponenten oder Komponentenstile auswirkt.

Alle Slots im alten Layoutsystem werden während des Upgradeprozesses zum neuen Layout migriert. Der Upgradeprozess ändert die Struktur der Komponentencontainer auf Ihrer Seite.

Obwohl die Komponentenstile nicht betroffen ist, gibt es möglicherweise keine Eins-zu-eins-Stilmigration, die angibt, wie Komponenten positioniert wurden. Komplexe Seiten können visuelle Fehlausrichtungen aufweisen, die durch den Upgradeprozess auftreten, wenn Stile von Slots mit Containern zusammengeführt werden. Einige Probleme müssen manuell gelöst werden.

Aktualisieren Sie Ihr Layout auf das neue Layoutsystem

Aktualisieren Sie Ihr UI BuilderSeiten zum neuen Layoutsystem.

Vorbereitungen

Erforderliche Rolle: ui_Builder_admin

Prozedur

1. Navigieren zu Alle > Now-Experience-Framework > UI Builder.
2. Öffnen Sie eine Experience mit der Seite, die Sie upgraden möchten.
   Siehe Konfigurieren Sie, wie Anwender mit Ihren Anwendungen in interagieren UI BuilderWeitere Informationen zum Erstellen von Experiences.
3. Wählen Sie die Seite aus, die Sie upgraden möchten.
   

   Sie finden Seitenvarianten, die auf das neue Layoutsystem aktualisiert werden können, gekennzeichnet mit einem roten Punkt.

   Hinweis:

   Legacy-Seiten, die mit dem vor- erstellt wurden QuebecZeilen-/Spaltenlayoutsystem kann nicht aktualisiert werden und muss mit dem neuen Layoutsystem neu erstellt werden.
4. Wählen Sie aus Layout aktualisieren Schaltfläche.
   
   UI Builder Beginnt mit der Aktualisierung Ihres Seitenlayouts auf das neue Layoutsystem. Eine Benachrichtigung wird angezeigt, wenn der Prozess abgeschlossen ist.
5. Sie können Ihr altes Layout mit dem aktualisierten Layout vergleichen, indem Sie auswählen Vergleichen Sie die beiden Layoutversionen In Das Layout muss überprüft werden, bevor Sie bearbeiten können Benachrichtigung.
   
   Zwei Browserregisterkarten werden geöffnet, eine zeigt Ihr aktuelles Layout und eine zeigt das aktualisierte Layout an.
6. Wählen Sie Aus Neu beibehalten Wenn Sie die Seite auf das neue Layoutsystem aktualisieren möchten, oder wählen Sie aus Verwenden Sie alt Wenn Sie das Seitenlayout beibehalten möchten.
   Ein Modal wird angezeigt, in dem Sie aufgefordert werden, Ihre Auswahl zu bestätigen.
7. Wählen Sie Aus Neu beibehalten Um das Upgrade auf das neue Layoutsystem abzuschließen, oder wählen Sie aus Verwenden Sie alt Um den Upgradeprozess umzukehren und die Seite auf das alte Layoutsystem zurückzusetzen.
   
8. Die Seite wird mit den angewendeten Änderungen neu geladen.
9. Zeigen Sie Ihre Seite an, und testen Sie sie, indem Sie auswählen Vorschau Schaltfläche ( ).