Adicionar evento de caixa de diálogo não modal a uma página Construtor de IU

Saiba como adicionar e configurar um evento de diálogo não modal, como abrir, fechar ou minimizar em Construtor de IU. Uma caixa de diálogo não modal é uma janela flutuante que contém conteúdo acima de uma página.

Antes de Iniciar

Função necessária: ui_builder_admin

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 ou crie uma variante de página.
   Para obter mais informações sobre como criar uma página em Construtor de IU, consulte Criar uma página no Construtor de IU.
4. Adicione uma caixa de diálogo não modal à página.
   Para obter mais informações sobre como criar uma caixa de diálogo não modal, consulte Adicionar caixa de diálogo não modal a uma página Construtor de IU.
5. Adicione um componente à página, como um botão, para executar uma ação na caixa de diálogo não modal.
   Para obter mais informações sobre como criar um botão que interage com uma caixa de diálogo não modal, consulte Adicionar caixa de diálogo não modal a uma página Construtor de IU.
6. Selecione o componente do botão na árvore de conteúdo ou na fase.
7. No painel de configuração, selecione a guia Eventos.
8. Selecione + Adicionar manipulador de eventos.
   
9. Na janela de visualização do manipulador de eventos, selecione uma ação para atribuir ao botão.
   Há cinco manipuladores de eventos de diálogo não modal disponíveis.

   

   Nota:

   Para qualquer um dos manipuladores de eventos, selecione Script no menu suspenso Modo se você preferir trabalhar no editor de script.

   Para adicionar um manipulador de eventos de caixa de diálogo não modal	Faça o seguinte
   Abrir caixa de diálogo não modal	Abre uma caixa de diálogo não modal. Por exemplo, adicione um botão chamado Compor e-mail e configure o botão para abrir uma caixa de diálogo não modal que contém o componente Compositor de e-mail (mini). Título: digite um título para a caixa de diálogo não modal. Cabeçalho minimizado: digite um título que será exibido quando um usuário selecionar o ícone suspenso de caixas de diálogo minimizadas na página. Categoria: digite um nome de categoria para agrupar a caixa de diálogo não modal. Caixa de diálogonão modal : selecione a caixa de diálogo não modal a ser aberta. Instância única: selecione esta opção para permitir que os usuários abram apenas uma instância da caixa de diálogo não modal. Deixe esta opção desmarcada para permitir que os usuários abram várias instâncias da caixa de diálogo não modal. Por exemplo, se o botão abrir uma caixa de diálogo não modal contendo o componente Compositor de e-mail (mini) e você não selecionar a opção de instância única, os usuários poderão abrir várias janelas de caixa de diálogo não modais para compor mensagens de e-mail. IDda instância da caixa de diálogo não modal : se você selecionar a opção Instância única, especifique a ID da instância da caixa de diálogo não modal que deve ser aberta ao clicar. Mova o mouse sobre o campo e selecione o ícone Vincular dados. Em Tipos de dados, selecione Caixa de diálogo não modal. Arraste a cápsula instanceID para a seção superior e selecione Aplicar. Quando acionar (opção avançada): selecione Sempre para que o componente (neste exemplo, o botão) sempre abra a caixa de diálogo não modal. Selecione Condicionalmente para adicionar uma condição de manipulador de eventos. Para obter mais informações sobre condições do manipulador de eventos, consulte Funções compatíveis com o editor de fórmulas do componente Construtor de IU.
   Fechar caixa de diálogo não modal	Fecha uma caixa de diálogo não modal. Use esta opção se quiser configurar um componente, como um botão, para fechar a caixa de diálogo não modal de fora da janela da caixa de diálogo não modal. IDda instância da caixa de diálogo não modal : especifique a ID da instância da caixa de diálogo não modal que deve ser fechada ao clicar. Quando acionar (opção avançada): selecione Sempre para que o componente (neste exemplo, o botão) sempre feche a caixa de diálogo não modal. Selecione Condicionalmente para adicionar uma condição de manipulador de eventos. Para obter mais informações sobre condições do manipulador de eventos, consulte Funções compatíveis com o editor de fórmulas do componente Construtor de IU.
   Minimizar caixa de diálogo não modal	Minimiza uma caixa de diálogo não modal aberta. Use esta opção se quiser configurar um componente, como um botão, para minimizar a caixa de diálogo não modal de fora da janela da caixa de diálogo não modal. IDda instância da caixa de diálogo não modal : especifique a ID da instância da caixa de diálogo não modal que deve ser minimizada ao clicar. Quando acionar (opção avançada): selecione Sempre para que o componente (neste exemplo, o botão) sempre minimize a caixa de diálogo não modal. Selecione Condicionalmente para adicionar uma condição de manipulador de eventos. Para obter mais informações sobre condições do manipulador de eventos, consulte Funções compatíveis com o editor de fórmulas do componente Construtor de IU.
   Atualizar caixa de diálogo não modal	Atualiza os campos especificados em uma caixa de diálogo não modal. Por exemplo, adicione um botão chamado Atualizar título ao rodapé de uma caixa de diálogo não modal e configure o botão para atualizar o título do componente na caixa de diálogo não modal. Título: digite o novo texto de título para a caixa de diálogo não modal que deve ser adicionado quando o botão for selecionado. Título minimizado: digite o novo texto de título minimizado que deve ser adicionado quando o botão for selecionado. Categoria: digite um novo nome de categoria que deve ser adicionado quando o botão for selecionado. Caixa de diálogonão modal : selecione a caixa de diálogo não modal a ser atualizada. IDda instância da caixa de diálogo não modal : especifique a ID da instância da caixa de diálogo não modal que deve ser atualizada ao clicar. Está suja: selecione esta opção para marcar a caixa de diálogo não modal como suja. Quando acionar (opção avançada): selecione Sempre para que o componente (neste exemplo, o botão) sempre atualize a caixa de diálogo não modal. Selecione Condicionalmente para adicionar uma condição de manipulador de eventos. Para obter mais informações sobre condições do manipulador de eventos, consulte Funções compatíveis com o editor de fórmulas do componente Construtor de IU.
   Caixa de diálogo não modal modificada	Marca uma caixa de diálogo não modal como suja. Em IDde instância de caixa de diálogo não modal, especifique o ID de instância de caixa de diálogo não modal a ser marcado como modificado. Quando acionar (opção avançada): selecione Sempre para que o componente (neste exemplo, o botão) seja sempre marcado como modificado. Selecione Condicionalmente para adicionar uma condição de manipulador de eventos. Para obter mais informações sobre condições do manipulador de eventos, consulte Funções compatíveis com o editor de fórmulas do componente Construtor de IU.

10. Selecione Adicionar.

Resultado

O manipulador de eventos configurado é exibido na guia Eventos do painel de configuração do componente.