Crie caixas de diálogo não modais em Construtor de IU

  • Versão de lançamento: Zurich
  • Atualizado 31 de jul. de 2025
  • 1 min. de leitura
  • Use caixas de diálogo sem modelagem em uma página do Construtor de IU para adicionar uma janela flutuante que permita interagir com o conteúdo da janela e com o conteúdo da página abaixo.

    O componente Caixa de diálogo sem modelagem é uma janela flutuante que contém componentes e conteúdo que aparece sobre um Construtor de IUpágina. Você pode executar ações na caixa de diálogo não modal enquanto ainda exibe e interage com a página abaixo. É possível adicionar várias janelas de diálogo sem modelagem a uma única página. As caixas de diálogo não modais podem ser redimensionadas, movidas para uma nova posição em uma página e minimizadas.

    As caixas de diálogo não modais são diferentes dos modais, que aparecem, mas bloqueiam a interação com a página até que o modal seja fechado. As caixas de diálogo não modal também são diferentes dos popovers, que são encerrados depois que você clica fora do popover.

    Os casos de uso comuns da caixa de diálogo não modal incluem criar um registro, compor um e-mail, usar bate-papo, adicionar anotações de trabalho ou comentários, ler informações de ajuda ou adicionar/exibir anexos na caixa de diálogo não modal.

    Experiência do Construtor de IU com uma seta preta apontando para uma caixa de diálogo não modal flutuante sobre a página.

    A anatomia de uma caixa de diálogo não modal

    Uma caixa de diálogo não modal consiste em três partes:

    • Quando você adiciona uma caixa de diálogo não modal a uma página, o cabeçalho inclui um ícone de minimizar pré-configurado, ícone de expandir e ícone de fechar. Se necessário, outras ações podem ser configuradas, por exemplo, configurar uma ação em um botão para abrir a caixa de diálogo não modal em uma nova guia.
    • Adicione qualquer componente da caixa de ferramentas do Construtor de IU, por exemplo, compositor de e-mail, anexos ou bate-papo do agente, no corpo. Você pode aplicar layouts e configurar o componente como se estivesse adicionando o componente a uma página.
    • Se necessário, forneça botões ou conteúdo adicionais no rodapé na parte inferior da caixa de diálogo não modal.
    Nova caixa de diálogo não modal com cabeçalho, corpo e seção de rodapé identificada com texto.