Aktivieren Sie einen Reflow für UI Builder Seiten

Aktivieren Sie einen Reflow für UI Builder Seiten. Auf diese Weise müssen Sie beim Ändern der Größe eines Fensters nicht horizontal scrollen.

Vorbereitungen

Erforderliche Rolle: Administrator

Warum und wann dieser Vorgang ausgeführt wird

Die Reflow-Funktion passt die Eigenschaften der Komponenten an, wenn Sie die Größe eines Fensters ändern. Sie nimmt kleinere Bildschirmgrößen auf und ändert die Eigenschaften der Komponente für die verschiedenen Bildschirmgrößen.

Prozedur

1. Navigieren zu Alle > UI Builderan.
2. Unter Experiences , Wählen Sie aus Playbook-Experience-Portal .
3. Öffnen Sie eine bestimmte Seite oder Variante: Entweder CSM – Fallprozess erstellen Oder CSM-Fallprozess , Für die Sie den Reflow anpassen möchten.
4. Bearbeiten Sie Playbook-Aktivitätsanzeige Komponenteneinstellungen.
5. Auf der Stile Registerkarte in UI Builder, Legen Sie die Höhe des Aktivitätsbetrachters auf 100 vh fest.
6. Navigieren Sie zur Komponente Größenanpassbare Bereiche > Bereichskonfiguration Und kopieren Sie den Code im standardmäßig angezeigten Bereich, indem Sie den geskripteten Eigenschaftswert bearbeiten.

   // Resizable Panes default displayed pane scripted value
   ​
   // when in left/right pane position
   function evaluateProperty({api, helpers}) {
       if(!api.data.playbook_custom_layout.compactMode) return "both";
   ​
     return (api.data.playbook_custom_layout.selectedItem || {}).stageContextId ? "right" : "left";
   }
   ​
   // when in top/bottom pane position
   function evaluateProperty({api, helpers}) {
       if (!api.data.playbook_custom_layout.compactMode) return "both";
   
     return (api.data.playbook_custom_layout.selectedItem || {}).stageContextId ? "bottom" : "top";
   }

7. Wählen Sie Fertig.
   Weitere Einzelheiten finden Sie unter Reflow for playbook components.