Adicionar um componente de janela de exibição à sua página

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

Antes de Iniciar

Função necessária: administrador

Procedimento

1. Navegar até Todos > Estrutura do Now Experience > Construtor de IU.
2. Abra uma experiência para trabalhar ou crie uma experiência selecionando + Criar.
   Consulte Configure como os usuários interagem com suas aplicações no Construtor de IU para 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 criou uma página para sua experiência, siga as etapas para Criar uma página no Construtor de IU.
4. Selecione + Adicionar componente na árvore de conteúdo.
5. Selecione um layout de coluna única.
6. Em seguida, selecione o ícone + na coluna para abrir a caixa de ferramentas.
7. Insira janela de exibição na caixa de pesquisa.
8. Selecione Janelade exibição.

   Figura 1. Componente da janela de exibição

   

9. Selecione o componente da janela de exibição na árvore de conteúdo.
10. Selecione + Adicionar no painel de configuração.
    
11. Selecione uma coleção de páginas na 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 Criar uma coleção de páginas em várias páginas de IU.
12. Selecione Adicionar.
    A coleção de páginas é exibida na seção Coleções de páginas do painel de configuração. Somente uma página da coleção de páginas é exibida na área de preparação.
13. Selecione 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.

    
15. Adicione 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 a guia Eventos no painel de configuração.
17. Selecione + Adicionar manipulador de eventos para exibir a janela de visualização.
    
18. Em Manipuladores de eventos no nível da página, selecione Carga solicitada da janela de visualização do macroponent de UXF.
    
19. No elemento viewportElementID , substitua o valor nulo pelo ID da janela de visualização que você localizou em uma etapa anterior.
    Neste exemplo, é "viewport_1".
20. Selecione Adicionar.
    
21. Selecione Salvar.
22. Exiba e teste sua página selecionando .