Exiba dinamicamente o conteúdo com renderizadores condicionais

  • Versão de lançamento: Zurich
  • Atualizado 31 de jul. de 2025
  • 1 min. de leitura

    • Use o componente renderizador condicional para exibir conteúdo ou componentes com base nas condições especificadas.

    Antes de Iniciar

    Função necessária: ui_builder_admin

    Procedimento

    1. Navegar até Tudo > Estrutura do Now Experience > Construtor de IU.
    2. Abra uma experiência para trabalhar ou crie uma experiência selecionando Criar > Experiência.
      Consulte Configure como os usuários interagem com suas aplicações no Construtor de IUpara obter mais informações sobre como criar experiências.
    3. Crie ou abra uma página ou variante de página.
      Para obter mais informações sobre como criar uma página no Construtor de IU, consulte Crie uma página no Construtor de IU .
    4. Selecione - Adicionar conteúdo na árvore de conteúdo.
    5. Selecione Componentes .
    6. Selecione Renderizador condicional .
    7. Selecione - Adicionar condição .
    8. Escolha como você deseja criar a condição.
      Tipo de condição Descrição
      Contêiner Vazio Crie uma condição colocando componentes em um contêiner vazio.
      Cartão Crie uma condição colocando componentes em um componente de cartão.
      Componente único Adicione uma condição diretamente a um componente sem usar um contêiner ou cartão. Isso funciona bem para mostrar um único componente somente quando a condição é verdadeira.
    9. Opcional: Se você selecionou um componente na lista Componente único na etapa anterior.
    10. No formulário, preencha os campos.
      Campo Descrição
      Rótulo do componente Rótulo para identificar o conteúdo condicional.
      ID do componente Identificador exclusivo usado ao vincular dados.
      Descrição (opcional) Descrição da condição.
      Renderizar conteúdo Selecione quando renderizar o conteúdo na página.
      Condição Use dados ou fórmulas para definir a condição para renderizar conteúdo. O campo requer um valor booliano verdadeiro.
    11. Selecione Aplicar.
    12. Opcional: Adicione componentes ao contêiner ou cartão.
      Para obter mais informações sobre como adicionar componentes, consulte Personalize Construtor de IUpáginas que usam componentes.
    13. Configure os componentes no renderizador condicional.
    14. Selecione Save (Salvar).