Refluxo para playbook componentes

Aplique o refluxo ao layout autônomo e personalizado pronto para uso Playbook Experience Componentes para que a IU se ajuste quando você redimensiona a janela ou o zoom.

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

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

Para obter mais informações sobre refluxo, consulte .

Aplicar refluxo a. playbook componentes

Aplique o refluxo ao layout autônomo e personalizado pronto para uso Playbook Experience Componentes para que a IU se ajuste quando você redimensiona sua janela ou zoom.

Antes de Iniciar

Função necessária: administrador

Procedimento

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

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

   Há uma regra para cada um dos playbook componentes de layout autônomo e personalizado. Quando abaixo de um certo Construtor de IU Tamanho da página, essas regras usam o mecanismo de refluxo padrão para substituir as propriedades do macroponent no Definições de macroponent de UX lista ( sys_ux_macroponent.list E determinados valores CSS. As regras fornecidas em Playbook Experience os apps da store usam uma largura de página de 640 px para alternar os componentes CompactMode , bem como uma altura de 100 vh para garantir que os componentes sejam redimensionados para se ajustarem ao espaço.

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

2. Navegar até Tudo > Construtor de IU.
3. Abra o layout ao qual você deseja aplicar o refluxo em Playbook Experience Construtor.
4. No canto inferior esquerdo, selecione Dados e abra Layout personalizado do Playbook Controlador de IU.
5. Em Modo de exibição de atividade atualize o valor do StagePickerVisible propriedade de saída para verdadeiro .
6. Selecione o componente ao qual você deseja que a regra de refluxo se aplique.
7. Em Eventos , adicione Modo compacto alterado manipulador de eventos.
   O Modo compacto é ativado e desativado automaticamente de acordo com a regra de refluxo, alterando o valor do CompactMode propriedade de saída como verdadeiro ou falso. Em seguida, isso é aplicado aos outros componentes do playbook para que tudo também seja redimensionado automaticamente.
8. Opcional: Selecione Painéis redimensionáveis .
   1. Atualize o. Posição dos painéis para mostrar no esquerda e direita orientação, ou como parte superior e inferior painéis.
   2. Em Configuração abra o valor da propriedade com script Painel exibido padrão campo.
   3. Atualize o valor para Retorno if(!api.data.playbook_custom_layout.compactMode) para mostrar somente o. "esquerda" / "superior" painel, somente "à direita" / "inferior" ou "ambos" Painéis quando não está no modo compacto.
   4. No Modo compacto, atualize o primeiro valor para Retornar (api.data.playbook_custom_layout. SelectedItem || ().stageContextId ? para mostrar o. "esquerda" / "superior" ou "à direita" / "inferior" painel de atividades quando uma fase é selecionada.
      O segundo valor indica qual painel mostrar quando uma fase não está selecionada.