Criar caixas de diálogo não modais no Construtor de IU

  • Versão de lançamento: Yokohama
  • Atualizado 30 de jan. de 2025
  • 1 min. de leitura
  • Use caixas de diálogo não modais em uma página do Construtor de IU para adicionar uma janela flutuante que permite que você interaja com o conteúdo da janela e da página abaixo.

    O componente de diálogo não modal é uma janela flutuante que contém componentes e conteúdo que aparece sobre uma página Construtor de IU. Você pode realizar ações na caixa de diálogo não modal enquanto exibe e interage com a página abaixo. Várias janelas de diálogo não modais podem ser adicionadas a uma única página. Caixas de diálogo não modais podem ser redimensionadas, movidas para uma nova posição em uma página e minimizadas.

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

    Os casos de uso comuns de caixa de diálogo não modal incluem a criação de um registro, a composição de um e-mail, o uso de bate-papo, a adição de anotações de trabalho ou comentários, a leitura de informações de ajuda ou a adição/exibição de 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 flutuando sobre a página.

    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 pré-configurado de minimizar, expandir e fechar. Outras ações podem ser configuradas, se necessário, 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, ao 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 seção de cabeçalho, corpo e rodapé identificada com texto.