Aplicar refluxo a. playbook componentes

Aplique o refluxo ao layout autônomo e personalizado pronto para uso Playbook Experience Para que a IU se ajuste quando você redimensiona a 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 filtros, 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ônomos e personalizados. 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 de CSS. As regras fornecidas no Playbook Experience os apps da loja 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, está pronto. Se você estiver trabalhando com componentes de layout personalizado, 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 o. Layout personalizado do playbook Controlador de IU.
5. Em Modo de exibição de atividade atualize o valor para 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 o. Modo compacto alterado manipulador de eventos.
   Isso ativa e desativa automaticamente o Modo compacto de acordo com a regra de refluxo, alterando o valor de CompactMode propriedade de saída como verdadeiro ou falso. Em seguida, isso é aplicado aos outros componentes do playbook para que tudo redimensione automaticamente também.
8. Opcional: Selecione Painéis redimensionáveis .
   1. Atualize o. Posição dos painéis para mostrar no e direita orientação, ou como superior e inferior painéis.
   2. Em Configuração abra o valor da propriedade com script Padrão de painel exibido campo.
   3. Atualize o valor para Se(!api.data.playbook_custom_layout.compactMode) retorna para mostrar somente o. "esquerda" / "superior" painel, somente o. "direita" / "inferior" ou "ambos" Quando não está no modo compacto.
   4. Para o 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.