Umlauf für Playbook Komponenten

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

Reflow, ist ein konfigurierbarer Arbeitsbereich Funktion, mit der Seiten und Inhalte über Browsereinstellungen bis zu 400 % vergrößert werden können. In einem Playbook Wenn Reflow aktiviert ist, wird Playbook Wechselt beim Vergrößern in den Kompaktmodus auf 200 % Browser-Zoom und verlässt den Kompaktmodus beim Zurückzoomen.

Wenn der Reflow für Ihren funktionieren soll Playbook-Experience Komponenten, siehe Wenden Sie Reflow auf an Playbook Komponenten.

Weitere Informationen zu Reflow finden Sie unter .

Wenden Sie Reflow auf an Playbook Komponenten

Wenden Sie den Reflow auf das sofort einsatzbereite eigenständige und anwenderdefinierte Layout an Playbook-Experience Komponenten, damit sich die Anwenderoberfläche beim Ändern der Fenstergröße oder des Zooms anpasst.

Vorbereitungen

Erforderliche Rolle: Administrator

Prozedur

1. Erstellen Sie den Datensatz „sys_ux_Auto_Reflow_rule“.
   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.

   Für jeden der gibt es eine Regel Playbook Eigenständige und anwenderdefinierte Layoutkomponenten. Wenn unter einem bestimmten UI Builder Seitengröß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 in bereitgestellten Regeln Playbook-Experience Store-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 Reflow in anwenden möchten Playbook-Experience Generator.
4. Wählen Sie in der unteren linken Ecke die aus Daten Symbol und öffnen Sie Anwenderdefiniertes Playbook-Layout UI-Controller.
5. In Aktivitätsansichtsmodus Feld den Wert für aktualisieren StagePickerVisible Ausgabeeigenschaft zu Wahr .
6. Wählen Sie die Komponente aus, auf die die Reflow-Regel 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 Playbook Damit 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 Wenn(!api.data.playbook_custom_layout.compactMode) zurückgeben Um nur anzuzeigen „Links“ / „Oben“ Bereich, nur der „Rechts“ / „Unten“ Bereich, oder „Beide“ Bereiche, wenn nicht im Kompaktmodus.
   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.