Aktualisieren von Layouts in UI Builder

  • Freigeben Version: Washingtondc
  • Aktualisiert 1. Februar 2024
  • 2 Minuten Lesedauer

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

    Das Layoutsystem UI BuilderSan Diego ] wurde im Release erweitert und aktualisiert. Dieses neue Layoutsystem bietet eine vereinfachte Inhaltsstruktur und einen neuen Stilbereich für die Layoutkonfiguration und den Komponentenstil. Alle neu erstellten Seitenvarianten verwenden das neue Layoutsystem. Sie haben die Möglichkeit, für vorhandene und benutzerdefinierte 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.
    • Verbesserte UI für Komponenten-Styles
    • Aktualisierte Layouts erfordern keine Slots

    Dinge, auf die Sie nach dem Upgrade von Layouts achten sollten

    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, Event-Bindungen und Zusammensetzung eingeschlossen sind. Beim Upgrade auf das neue Layoutsystem wird nur das Layout Ihrer Seite aktualisiert, sodass dies keine Auswirkungen auf Ihre Daten, Komponenten oder den Komponentenstil hat.

    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 Design von Komponenten ist zwar nicht betroffen, aber es gibt möglicherweise keine 1:1-Migration 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 mit Ihren Anwendungen in interagieren UI Builder.
    3. Wählen Sie die Seite aus, die Sie aktualisieren möchten.
      Seitenvarianten, die auf das neue Layoutsystem aktualisiert werden können.

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

      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. Klicken Sie auf die Schaltfläche Layout aktualisieren.
      UI Builder aktualisiert ein Seitenlayout auf das neue Layoutsystem.
      UI Builder beginnt mit der Aktualisierung Ihres Seitenlayouts auf das neue Layoutsystem. Eine Benachrichtigung wird angezeigt, wenn der Vorgang abgeschlossen ist.
    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.
      Vergleichen Sie Layouts, bevor Sie die Änderungen ablehnen oder akzeptieren.
      Zwei Browser-Registerkarten werden geöffnet, eine mit Ihrem aktuellen Layout und eine mit dem aktualisierten Layout.
    6. Wählen Sie „ Neu beibehalten“ aus, wenn Sie die Seite auf das neue Layoutsystem aktualisieren möchten, oder wählen Sie „ Altes verwenden “, wenn Sie das Seitenlayout beibehalten möchten.
      Ein Dialogfeld wird angezeigt, in dem Sie aufgefordert werden, Ihre Auswahl zu bestätigen.
    7. Wählen Sie „ Neu beibehalten “ aus, um das Upgrade auf das neue Layoutsystem abzuschließen, oder wählen Sie „ Altes verwenden “, um den Upgrade-Vorgang umzukehren und die Seite auf das alte Layoutsystem zurückzusetzen.
      Bestätigen Sie, dass Sie das aktualisierte Layout für Ihre Experience beibehalten möchten.
    8. Die Seite wird mit den angewendeten Änderungen neu geladen.
    9. Zeigen Sie Ihre Seite an, und testen Sie sie, indem Sie auf die Schaltfläche Vorschau klicken, mit der die Seitenvariante geöffnet wird..