Adicione um modal de janela de visualização à sua experiência

Adicione uma janela de visualização em um modal na sua experiência.

Antes de Iniciar

Função necessária: ui_builder_admin

Por Que e Quando Desempenhar Esta Tarefa

Use modais da janela de visualização para incorporar subpáginas ou outras experiências em um modal na sua página primária ou experiência. Os modais da janela de visualização podem ser abertos por meio de eventos ou scripts. Os modais da janela de visualização estão limitados a uma subrota por modal da janela de visualização. Você pode criar modais de janela adicionais para rotas extras.

Nota:

Os modais da janela de visualização legada não podem ser atualizados e devem ser recriados para aproveitar a nova funcionalidade.

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.
   Para obter mais informações, consulte Configure como os usuários interagem com suas aplicações no Construtor de IU.
3. Abra ou crie uma página.
   Se você abrir uma página existente, certifique-se de estar no mesmo escopo da página original. Caso contrário, mude o escopo antes de começar a editar a página. O escopo da aplicação protege as aplicações identificando e restringindo o acesso a dados e arquivos de aplicações. Os administradores definem o escopo para especificar quais partes de uma aplicação podem ser acessadas por outras aplicações. O escopo da aplicação protege dados e arquivos da aplicação. Consulte Saiba mais sobre segurança e funçõespara obter mais informações sobre o escopo da aplicação.
4. Selecione - Adicionar conteúdo na árvore de conteúdo.
5. Selecione um Coluna única layout.
6. Selecione E ao lado de Modais na árvore de conteúdo.
7. Selecione Modal da janela de visualização na lista.

   Figura 1. Modal da janela de visualização

   

   Um modelo de janela de visualização aparece acima da sua página.
8. Clique em Salvar.
9. Selecione a janela de visualização na árvore de conteúdo.
   
10. Selecione E Adicionar ao lado de Coleções de páginas na guia configurar.
    
11. Selecione uma coleção de páginas ou crie uma nova.
    Para obter mais informações, consulte Crie uma coleção de páginas em várias páginas de IU.

    

12. Clique em Adicionar.
13. Clique em Salvar.
14. Adicione um componente que abra o modal da janela de visualização.

    O exemplo a seguir usa um botão para abrir o modal da janela de visualização.

    

15. Selecione a guia Eventos.
16. Selecione - Adicionar manipulador de eventos .
    
17. Selecione Abrir ou fechar caixa de diálogo modal .
18. Habilitar Abrir caixa de diálogo modal .
19. Selecione o modal da janela de visualização que você criou no Modal menu suspenso.
    
    . ID da janela de visualização preenchidos automaticamente.
20. Selecione Adicionar.
21. Selecione Save (Salvar).
22. Para exibir e testar sua página, selecione .