Refluxo para playbook componentes

Aplique o refluxo a componentes autônomos e de layout personalizado Playbook Experience prontos para uso para que a IU se ajuste quando você redimensionar a janela ou aplicar zoom.

O refluxo é um recurso espaço configurável que permite que páginas e conteúdos sejam ampliados em até 400% por meio das configurações do navegador. Em um playbook com refluxo habilitado, o playbook muda para o modo compacto ao ampliar para 200% o zoom do navegador e sai do modo compacto ao diminuir o zoom.

Se você quiser que o Refluxo funcione para seus componentes Playbook Experience, consulte Aplicar refluxo a playbook componentes.

Para obter mais informações sobre o refluxo, consulte Reflow for Configurable Workspace.

Aplicar refluxo a playbook componentes

Aplique o refluxo a componentes autônomos e de layout personalizado Playbook Experience prontos para uso para que a IU se ajuste quando você redimensionar a janela ou aplicar zoom.

Antes de Iniciar

Função necessária: administrador

Procedimento

1. Crie o registro sys_ux_auto_reflow_rule.
   1. Abra o menu Todos.
   2. Na barra de filtro, digite e insira sys_ux_auto_reflow_rule.list.

   A lista Regras de refluxo automático de UX é criada e exibida.

   Há uma regra para cada um dos playbook componentes de layout autônomos e personalizados. Quando estão em um determinado tamanho de página Construtor de IU, essas regras usam o mecanismo de refluxo padrão para substituir as propriedades do macroponent na lista Definições de macroponent da UX (sys_ux_macroponent.list) e determinados valores de CSS. As regras fornecidas nas aplicações da loja Playbook Experience usam uma largura de página de 640 px para alternar a propriedade compactaMode dos componentes, bem como uma altura de 100vh para garantir que os componentes sejam redimensionados para caber no espaço.

   Se você estiver usando o componente autônomo, estará pronto. Se você estiver trabalhando com componentes de layout personalizados, prossiga para a próxima etapa.

2. Navegar até Todos > Construtor de IU.
3. Abra o layout ao qual você deseja aplicar o refluxo no construtor Playbook Experience.
4. No canto inferior esquerdo, selecione o ícone Dados e abra o controlador de IU de layout personalizado do Playbook.
5. No campo Modo de exibição de atividade, atualize o valor da propriedade de saída stagePickerVisible para verdadeiro.
6. Selecione o componente ao qual você deseja que a regra de refluxo se aplique.
7. Na guia Eventos, adicione o manipulador de eventos Changed do modo compacto.
   Isso ativa e desativa automaticamente o modo compacto de acordo com a regra de refluxo, alterando o valor da propriedade de saída compactaMode para verdadeiro ou falso. Isso é aplicado aos outros componentes do seu playbook para que tudo seja redimensionado automaticamente.
8. Opcional: Selecione Painéis redimensionáveis.
   1. Atualize a posição dos painéis para mostrar na orientação esquerda e direita ou como painéis superiores e inferiores.
   2. Na guia Configuração, abra o valor da propriedade com script do campo Painel exibido padrão.
   3. Atualize o valor de if(!api.data.playbook_custom_layout.compactMode) retornar para mostrar somente o painel "esquerdo"/"superior", somente o painel "direito"/"inferior" ou "ambos" quando não estiver no Modo Compacto .
   4. Para o modo compacto, atualize o primeiro valor para retornar (api.data.playbook_custom_layout. selectedItem || ()).stageContextId ? para mostrar o painel de atividades "esquerdo"/"superior" ou "direito"/"inferior" quando uma fase é selecionada.
      O segundo valor indica qual painel mostrar quando uma fase não estiver selecionada.