Refluxo para playbook componentes

  • Versão de lançamento: Washingtondc
  • Atualizado 1 de fev. de 2024
  • 2 min. de leitura

    • Aplique o refluxo a componentes autônomos e de layout personalizados prontos para uso Playbook Experience 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 as páginas e o conteúdo 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 personalizados prontos para uso Playbook Experience 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 filtros, 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 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 de definições de macroponent de UX (sys_ux_macroponent.list) e determinados valores de CSS. As regras fornecidas nas aplicações da Store Playbook Experience usam uma largura de página de 640 px para alternar a propriedade compacta dos componentes, bem como uma altura de 100 vh para garantir que os componentes sejam redimensionados para caber no espaço.

      Se você estiver usando o componente autônomo, terminará. 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 Playbook Experience Builder.
    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 Modificado 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 superior e inferior.
      2. Na guia Configuração, abra o valor da propriedade com script do campo do painel exibido padrão.
      3. Atualize o valor de if(!api.data.playbook_custom_layout.compactMode) return para mostrar somente o painel "esquerdo"/"superior", somente o painel "direito"/"inferior" ou os painéis "ambos" quando não estiver no modo compacto .
      4. Para o modo compacto, atualize o primeiro valor para retorno (api.data.playbook_custom_layout. selectedItem || ()).stageContextId ? para mostrar o painel de atividades "esquerda"/"superior" ou "direita"/"inferior" quando uma fase for selecionada.
        O segundo valor indica qual painel será mostrado quando uma fase não estiver selecionada.