---
sourceDocument: Xanadu: Customer Service Management
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/de-DE/xanadu/customer-service-management

 Release :

    - xanadu

ft:locale :

    - de-DE

ft:publication_title :

    - Xanadu: Customer Service Management

ft:clusterId :

    - csm

bundleId :

    - csm

workflow :

    - Customer and Industry


---

# Aktivieren Sie einen Reflow für Ihre UI Builder -Seiten

# Aktivieren Sie einen Reflow für Ihre UI Builder -Seiten {#ariaid-title1}

* Freigeben Version: Xanadu
* 
* Aktualisiert 1. Februar 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 Minute Lesedauer

Aktivieren Sie einen Reflow 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 Umbruchfunktion passt die Eigenschaften der Komponenten an, wenn Sie die Größe eines Fensters ändern. Es passt sich an kleinere Bildschirmgrößen an und ändert die Eigenschaften der Komponente für die verschiedenen Bildschirmgrößen.

## Prozedur

1. Navigieren zu AlleUI Builder.
2. Wählen Sie unter Experiencesdie Option Playbook Experience Portalaus.
3. Öffnen Sie eine bestimmte Seite oder Variante ( CSM Fallprozess erstellen oder CSM Fallprozess), für die Sie den Reflow anpassen möchten.
4. Bearbeiten Sie die Komponenteneinstellungen der Playbook-Aktivitätsanzeige.
5. Legen Sie auf der Registerkarte Stile in UI Builderdie Höhe der Aktivitätsanzeige auf 100 Uhr fest.
6. Navigieren Sie zu der Komponente Größenanpassbare BereicheKonfiguration der Bereiche und kopieren Sie den Code in das standardmäßig angezeigte Fenster, 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";
       }

7. Wählen Sie Fertig.  
   Weitere Einzelheiten finden Sie unter [Reflow for playbook components](https://www.servicenow.com/docs/access?context=reflow-for-playbook-components&version=xanadu&pubname=xanadu-build-workflows&ft:locale=en-US).