Umbruch für Playbook Komponenten

  • Freigeben Version: Xanadu
  • Aktualisiert 1. August 2024
  • 2 Minuten Lesedauer

    • Wenden Sie einen Umbruch auf sofort einsatzbereite eigenständige und anwenderdefinierte Layoutkomponenten Playbook-Experience an, damit die Anwenderoberfläche angepasst wird, wenn Sie die Größe Ihres Fensters oder den Zoom ändern.

    Umbruch, ist eine Funktion konfigurierbarer Arbeitsbereich, mit der Seiten und Inhalte über die Browsereinstellungen auf bis zu 400 % gezoomt werden können. In einem Playbook mit aktiviertem Umbruch wechselt Playbook beim Vergrößern auf 200 % Browserzoom in den Kompaktmodus und verlässt den Kompaktmodus beim Zurückzoomen.

    Wenn Sie möchten, dass Reflow für Ihre Playbook-Experience -Komponenten funktioniert, lesen Sie unter Wenden Sie Reflow auf Playbook Komponenten annach.

    Weitere Informationen zu Reflow finden Sie unter Reflow for Configurable Workspace.

    Wenden Sie Reflow auf Playbook Komponenten an

    Wenden Sie einen Umbruch auf sofort einsatzbereite eigenständige und anwenderdefinierte Layoutkomponenten Playbook-Experience an, damit die Anwenderoberfläche angepasst wird, wenn Sie die Größe Ihres Fensters oder den Zoom ändern.

    Vorbereitungen

    Erforderliche Rolle: admin

    Prozedur

    1. Erstellen Sie den Datensatz sys_ux_auto_reflow_rule.
      1. Öffnen Sie das Menü Alle.
      2. Geben Sie in der Filterleiste sys_ux_auto_reflow_rule.listein, und geben Sie es ein.

      Die Liste „UX-Regeln für automatischen Umbruch“ wird erstellt und angezeigt.

      Es gibt eine Regel für jede der eigenständigen und anwenderdefinierten Layoutkomponenten Playbook. Unter einer bestimmten Seitengröße von UI Builder verwenden diese Regeln die standardmäßige Reflow-Engine, um Macroponent-Eigenschaften in der Liste der UX-Macroponent-Definitionen (sys_ux_macroponent.list) und bestimmte CSS-Werte zu überschreiben. Die in den Store-Apps Playbook-Experience bereitgestellten Regeln verwenden eine Seitenbreite von 640 px, um die Eigenschaft „ compactMode “ der Komponenten umzuschalten, sowie eine Höhe von 100 vh, um sicherzustellen, dass die Größe der Komponenten an den Platz angepasst wird.

      Wenn Sie die eigenständige Komponente verwenden, sind Sie fertig. Wenn Sie mit anwenderdefinierten Layoutkomponenten arbeiten, fahren Sie mit dem nächsten Schritt fort.

    2. Navigieren zu Alle > UI Builder.
    3. Öffnen Sie das Layout, auf das Sie den Umbruch anwenden möchten, im Builder Playbook-Experience.
    4. Wählen Sie in der linken unteren Ecke das Datensymbol, und öffnen Sie den UI-Controller für anwenderdefiniertes Playbook -Layout.
    5. Aktualisieren Sie im Feld Aktivitätsansichtsmodus den Wert für die Ausgabeeigenschaft stagePickerVisible in true.
    6. Wählen Sie die Komponente aus, für die die Rückflussregel gelten soll.
    7. Fügen Sie auf der Registerkarte Ereignisse den Ereignishandler Kompaktmodus geändert hinzu.
      Dadurch wird der Kompaktmodus automatisch gemäß der Rückflussregel aktiviert und deaktiviert, indem der Wert der Ausgabeeigenschaft „compactMode“ in „true“ oder „false“ geändert wird. Dies wird dann auf die anderen Komponenten von Playbook angewendet, sodass sich auch alles automatisch an die Größe ändert.
    8. Wahlweise: Wählen Sie Größenanpassbare Bereiche.
      1. Aktualisieren Sie die Position der Bereiche so, dass sie links und rechts oder als oberer und unterer Bereich angezeigt werden.
      2. Öffnen Sie auf der Registerkarte Konfig den Wert der geskripteten Eigenschaft im Feld Standardmäßiger angezeigter Bereich.
      3. Aktualisieren Sie den Wert für die Rückgabe von if(!api.data.playbook_custom_layout.compactMode), um nur den Bereich „links“/„oben“, nur den Bereich „rechts“/„unten“ oder „beide“ außerhalb des Kompaktmodus anzuzeigen .
      4. Aktualisieren Sie für den Kompaktmodus den ersten Wert für die Rückgabe von (api.data.playbook_custom_layout. selectedItem || ()).stageContextId ? um den Aktivitätsbereich „links“/„oben“ oder „rechts“/„unten“ anzuzeigen, wenn eine Phase ausgewählt ist.
        Der zweite Wert gibt an, welcher Bereich angezeigt werden soll, wenn keine Phase ausgewählt ist.