Umlauf für PlaybookKomponenten

Wenden Sie den Reflow auf das sofort einsatzbereite eigenständige und anwenderdefinierte Layout an Playbook-ExperienceKomponenten, damit sich die UI anpasst, wenn Sie die Größe Ihres Fensters oder Ihres Zooms ändern.

Reflow, ist ein konfigurierbarer ArbeitsbereichFunktion, mit der Seiten und Inhalte über Browsereinstellungen auf 400 % vergrößert werden können. In einem PlaybookWenn Reflow aktiviert ist, wird PlaybookWechselt zum Kompaktmodus beim Vergrößern auf den 200 %-Browser-Zoom und verlässt den Kompaktmodus beim Zurückzoomen.

Wenn Sie möchten, dass der Reflow für Ihren funktioniert Playbook-ExperienceKomponenten, siehe Wenden Sie Reflow auf an PlaybookKomponenten.

Weitere Informationen zum Umbruch finden Sie unter Reflow for Configurable Workspace.

Wenden Sie Reflow auf an PlaybookKomponenten

Wenden Sie den Reflow auf das sofort einsatzbereite eigenständige und anwenderdefinierte Layout an Playbook-ExperienceKomponenten, damit sich die UI anpasst, wenn Sie die Größe Ihres Fensters oder Zooms ändern.

Vorbereitungen

Erforderliche Rolle: Administrator

Prozedur

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

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

   Es gibt eine Regel für jeden von PlaybookEigenständige und anwenderdefinierte Layoutkomponenten. Wenn unter einem bestimmten UI BuilderSeitengröße. Diese Regeln verwenden die standardmäßige Reflow-Engine, um Macroponent-Eigenschaften in zu überschreiben UX-Macroponent-Definitionen Liste ( sys_ux_macroponent.list ) Und bestimmte CSS-Werte. Die Regeln, die in bereitgestellt werden Playbook-ExperienceStore-Apps verwenden eine Seitenbreite von 640 px, um die Komponenten umzuschalten. CompactMode Eigenschaft 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 Builderan.
3. Öffnen Sie das Layout, auf das Sie den Umbruch anwenden möchten Playbook-ExperienceGenerator.
4. Wählen Sie in der unteren linken Ecke aus Daten Symbol und öffnen Sie Anwenderdefiniertes Playbook-Layout UI-Controller.
5. In Aktivitätsansichtsmodus Feld, aktualisieren Sie den Wert für StagePickerVisible Ausgabeeigenschaft an Wahr .
6. Wählen Sie die Komponente aus, auf die die Umlaufregel angewendet werden soll.
7. Unter Ereignisse Registerkarte hinzufügen Kompaktmodus Geändert Ereignis-Handler.
   Dadurch wird der Kompaktmodus gemäß der Reflow-Regel automatisch aktiviert und deaktiviert, indem der Wert von geändert wird CompactMode Ausgabeeigenschaft auf „wahr“ oder „falsch“. Dies wird dann auf die anderen Komponenten von angewendet PlaybookDamit auch die Größe aller Elemente automatisch geändert wird.
8. Wahlweise: Wählen Sie Aus Größenanpassbare Bereiche .
   1. Aktualisieren Sie Bereichsposition Zum Anzeigen in Links und rechts Ausrichtung oder als Oben und unten Bereiche.
   2. Unter Konfiguration Registerkarte öffnen Sie den geskripteten Eigenschaftswert Standardmäßig angezeigter Bereich Feld.
   3. Aktualisieren Sie den Wert für If(!api.data.playbook_custom_layout.compactMode) zurückgeben Um nur anzuzeigen „Links“ / „Oben“ Bereich, nur der „Rechts“ / „Unten“ Bereich, oder „Beide“ Bereiche, wenn sie sich nicht im Kompaktmodus befinden.
   4. Aktualisieren Sie für den Kompaktmodus den ersten Wert für (api.data.playbook_custom_layout. SelectedItem || ()).stageContextId zurückgeben? Um anzuzeigen „Links“ / „Oben“ Oder „Rechts“ / „Unten“ Aktivitätsbereich, wenn eine Phase ausgewählt ist.
      Der zweite Wert gibt an, welcher Bereich angezeigt werden soll, wenn keine Phase ausgewählt ist.