Upgrade von Layouts in UI Builder

Aktualisieren Sie in Quebec und Rome erstellte Layouts auf das neue Layoutsystem.

Das Layoutsystem UI BuilderSan Diego ] wurde im Release verbessert und aktualisiert. Dieses neue Layoutsystem verfügt über eine vereinfachte Inhaltsstruktur und ein neues Formatfenster für die Layoutkonfiguration und das Formatieren von Komponenten. 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 Komponentenstil
• Low-Code-UI zum Konfigurieren von CSS- Flexbox- und Rasterlayouts.
• Erweiterte Anwenderoberfläche für Komponentenstile
• Für aktualisierte Layouts sind keine Slots erforderlich

Worauf Sie nach dem Upgrade von Layouts achten müssen

Varianten und Seiten werden einzeln aktualisiert.

Eine Seite/Variante besteht aus einem Layout, Komponenten und Unterkomponenten, die in einem Container innerhalb eines Layouts mit Datenressourcen, Ereignisbindungen und einer Zusammensetzung eingeschlossen sind. Beim Upgrade auf das neue Layoutsystem wird nur das Layout Ihrer Seite aktualisiert, sodass keine Auswirkungen auf Ihre Daten, Komponenten oder Komponentenstile auftreten.

Alle Slots im alten Layoutsystem werden während des Upgrade-Prozesses auf das neue Layout migriert. Der Upgrade-Prozess ändert die Struktur der Komponentencontainer auf Ihrer Seite.

Das Formatieren von Komponenten ist zwar nicht betroffen, es gibt jedoch möglicherweise keine Eins-zu-eins-Stilmigration der Positionierung von Komponenten. Komplexe Seiten können visuelle Fehlausrichtungen aufweisen, die durch den Upgrade-Prozess auftreten, wenn Stile von Slots zu Containern zusammengeführt werden. Einige Probleme müssen manuell gelöst werden.

Aktualisieren Sie Ihr Layout auf das neue Layoutsystem

Aktualisieren Sie Ihre UI Builder -Seiten auf das neue 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 aktualisieren möchten.
   Weitere Informationen zum Erstellen von Experiences finden Sie unter Konfigurieren Sie, wie Benutzer in mit Ihren Anwendungen interagieren UI Builder.
3. Wählen Sie die Seite aus, die Sie aktualisieren möchten.
   

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

   Hinweis:

   Veraltete Seiten, die mit dem Zeilen-/Spaltenlayoutsystem vorQuebec erstellt wurden, können nicht aktualisiert werden und müssen mit dem neuen Layoutsystem neu erstellt werden.
4. Wählen Sie die Schaltfläche Layout aktualisieren aus.
   
   UI Builder beginnt mit der Aktualisierung Ihres Seitenlayouts an das neue Layoutsystem. Wenn der Prozess abgeschlossen ist, wird eine Benachrichtigung angezeigt.
5. Sie können Ihr altes Layout mit dem aktualisierten Layout vergleichen, indem Sie die beiden Layoutversionen in der Benachrichtigung „Layout muss überprüft werden, bevor Sie bearbeiten“ auswählen.
   
   Zwei Browserregisterkarten werden geöffnet, eine zeigt Ihr aktuelles Layout und eine zeigt das aktualisierte Layout an.
6. Wählen Sie Neu beibehalten, wenn Sie die Seite auf das neue Layoutsystem aktualisieren möchten, oder wählen Sie Alt verwenden, wenn Sie das Seitenlayout beibehalten möchten.
   Ein Modal erscheint, in dem Sie aufgefordert werden, Ihre Auswahl zu bestätigen.
7. Wählen Sie Neu beibehalten, um das Upgrade auf das neue Layoutsystem abzuschließen, oder wählen Sie Alt verwenden, um den Upgrade-Prozess umzukehren und die Seite zum alten Layoutsystem zurückzukehren.
   
8. Die Seite wird mit den angewendeten Änderungen neu geladen.
9. Zeigen Sie Ihre Seite an, und testen Sie sie, indem Sie die Schaltfläche Vorschau wählen ( ).