Adicione um componente da janela de visualização à sua página

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

    • Adicione um componente de janela de visualização à sua página e crie uma subpágina para criar conteúdo separado na página.

    Antes de Iniciar

    Função necessária: ui_builder_ administrador

    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. Abra o editor da variante de página à qual você deseja adicionar a janela de visualização.
      Se você não tiver criado uma página para sua experiência, siga as etapas a. Crie uma página em Construtor de IU.
    4. Selecione - Adicionar conteúdo na árvore de conteúdo.
    5. Selecione um Coluna única layout.
    6. Em seguida, selecione E na coluna para abrir a caixa de ferramentas.
    7. Entrar janela de visualização na caixa de pesquisa.
    8. Selecione Janela de visualização .
      Figura 1. Componente da janela de visualização
      Componente da janela de visualização selecionado na caixa de ferramentas.
    9. Selecione o componente da janela de visualização na árvore de conteúdo.
    10. Selecione E Adicionar no painel de configuração.
      Seta que aponta para o botão Adicionar na guia Configurar para adicionar coleções de páginas.
    11. Selecione um coleção de páginasna lista ou crie uma coleção selecionando - Criar coleção .
      Para obter mais informações sobre como criar sua própria coleção de páginas, consulte Crie uma coleção de páginas em várias páginas de IU.

      Tela de seleção de coleção de páginas com opção para criar uma coleção.

    12. Selecione Adicionar.
      A coleção de páginas é exibida no Coleções de páginas do painel de configuração. Apenas uma página da coleção de páginas é exibida na área de preparação.
    13. Selecione Save (Salvar).
    14. Localize o ID da janela de visualização e a rota.

      Você pode ver o ID e a rota no painel Configuração, conforme mostrado na figura a seguir.

      Seta apontando para o ID do componente da janela de visualização na guia Configurar.
    15. Adicionar um componente à sua página para abrir a janela de visualização que você acabou de adicionar, como um componente de botão.
      Para obter mais informações, consulte Adicionar e configurar componentes.
    16. Selecione Eventos no painel de configuração.
    17. Selecione - Adicionar manipulador de eventos para exibir a janela de visualização.
      Seta que aponta para a opção Adicionar manipulador de eventos na guia Configurar para o componente de botão.
    18. De Manipuladores de eventos no nível da página , selecione Carga da janela de visualização do macroponent UXF solicitada .
      Manipulador de evento solicitado de carregamento da janela de visualização do macroponent UXF selecionado.
    19. Em ViewportElementId elemento , substitua o. nulo Valor com o ID da janela de visualização que você localizou em uma etapa anterior.
      Neste exemplo, é, "viewport_1" .
    20. Selecione Adicionar.
      Script do manipulador de evento solicitado de carregamento da janela de visualização do macroponent UXF com ID de elemento da janela de visualização.
    21. Selecione Save (Salvar).
    22. Para exibir e testar sua página, selecione Botão Visualizar que abre a variante de página..