---
sourceDocument: Yokohama Customer Service Management
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/yokohama/customer-service-management

 Release :

    - yokohama

ft:locale :

    - pt-BR

ft:publication_title :

    - Yokohama Customer Service Management

ft:clusterId :

    - csm

bundleId :

    - csm

workflow :

    - Customer and Industry


---

# Habilite um refluxo para o. Construtor de IUpáginas

# Habilite um refluxo para o. Construtor de IUpáginas {#ariaid-title1}

* Versão de lançamento: Yokohama
* 
* Atualizado 30 de jan. de 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 min. de leitura

Habilite um refluxo para o. Construtor de IUpáginas. Desta forma, quando você está redimensionando uma janela, você não precisa rolar horizontalmente.

## Antes de Iniciar

Função necessária: administrador

## Por Que e Quando Desempenhar Esta Tarefa

O recurso de refluxo ajusta as propriedades dos componentes quando você está redimensionando uma janela. Ele acomoda tamanhos de tela menores e muda as propriedades do componente para os diferentes tamanhos de tela.

## Procedimento

1. Navegar até TudoConstrutor de IU.
2. Em . , selecione Playbook Experience Portal .
3. Abra uma página ou variante específica: Qualquer uma Processo de criação de caso do CSM ou Processo de caso de CSM , para o qual você deseja ajustar o refluxo.
4. Edite o. Visualizador de atividades do playbook configurações do componente.
5. Em Estilos na Construtor de IU, defina a altura do visualizador de atividades como 100 vh.
6. Navegue até o componente Painéis redimensionáveisConfiguração de painéis e copie o código no painel padrão exibido editando o valor da propriedade com script.  

       // 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. Clique em Concluído.  
   Para mais detalhes, consulte [Reflow for playbook components](https://www.servicenow.com/docs/access?context=reflow-for-playbook-components&version=yokohama&pubname=yokohama-build-workflows&ft:locale=en-US).