Aktivieren Sie einen Umbruch für Ihre UI Builder Seiten

  • Freigeben Version: Washingtondc
  • Aktualisiert 1. Februar 2024
  • 1 Minute Lesedauer

    • Aktivieren Sie einen Umbruch für Ihre UI Builder Seiten. Auf diese Weise müssen Sie beim Ändern der Fenstergröße nicht horizontal scrollen.

    Vorbereitungen

    Erforderliche Rolle: admin

    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. Es berücksichtigt kleinere Bildschirmgrößen und ändert die Eigenschaften der Komponente für die verschiedenen Bildschirmgrößen.

    Prozedur

    1. Navigieren zu Alle > UI Builder > Experience > Playbook-Experience-Portal > Playbook-Aktivitätsanzeige.
    2. Legen Sie auf der Registerkarte Stile in UI Builderdie Höhe der Aktivitätsanzeige auf 100 h fest.
    3. Navigieren Sie zur Komponente Größenanpassbare Bereiche > Konfiguration der Bereiche und kopieren Sie den Code im standardmäßig angezeigten Bereich, indem Sie den Wert der geskripteten Eigenschaft 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";
}
    4. Wählen Sie Fertig.
      Weitere Einzelheiten finden Sie unter Reflow for playbook components.