---
sourceDocument: Criar ou modificar aplicações do Xanadu
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/pt-BR/xanadu/application-development

 Release :

    - xanadu

ft:locale :

    - pt-BR

ft:publication_title :

    - Criar ou modificar aplicações do Xanadu

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Creator


---

# Criar popovers no Construtor de IU

# Criar popovers no Construtor de IU {#ariaid-title1}

* Versão de lançamento: Xanadu
* 
* Atualizado 1 de ago. de 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 min. de leitura

Use popovers em uma página do Construtor de IU para sobrepor informações contextuais ou funcionalidades para ajudar os usuários a concluir tarefas.

Um popover é uma pequena janela ou caixa de diálogo que aparece acima de uma página Construtor de IU e contém informações adicionais, opções ou ações relacionadas ao conteúdo ou à tarefa em questão. Adicione componentes a um popover da mesma forma que você adiciona modais a uma página.

Você pode colocar popovers em qualquer lugar em uma página Construtor de IU onde achar que as informações adicionais ajudam os usuários. Os popovers têm como objetivo fornecer pequenas informações ou links para conteúdo relacionado, portanto, você deve limitar a quantidade de informações ou funcionalidade em um popover porque o popover só é exibido quando um usuário está interagindo com ele.

Você pode tornar os popovers visíveis ou ocultos com o mapeamento de eventos, como acionar um popover para aparecer ao selecionar um botão ou apontar para uma parte da página. Para obter mais informações, consulte [Definir eventos de mapa](https://servicenow-prod.fluidtopics.net/XxMjcqhzjLbRU9P1W3TxqQ "Um mapeamento de evento em Construtor de IU é o processo que permite mapear a carga útil ou os valores contextuais de um evento para o objeto ou manipulador que atua nesse evento. Os quatro tipos de evento são: componente, página, recurso de dados e ação declarativa.").
Figura 1. Popover informativo

## Adicionar popover a uma página Construtor de IU {#ariaid-title2}

Saiba como adicionar um popover em Construtor de IU. Um popover é um contêiner que aparece acima de uma página quando você clica em um componente. Por exemplo, um popover pode exibir informações de contato ao selecionar o nome de uma pessoa em uma lista.

### Antes de Iniciar

Função necessária: administrador

### Procedimento

1. Navegar até TodosEstrutura do Now ExperienceConstrutor de IU.
2. Abra uma experiência para trabalhar ou crie uma experiência selecionando CriarExperiência.  
   Consulte [Configure como os usuários interagem com suas aplicações no Construtor de IU](https://servicenow-prod.fluidtopics.net/lLqYhwc21ggWGJvxakpXWA "Saiba o que é uma experiência em Construtor de IU. Entenda o que uma experiência contém.") 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 [Criação de uma página no Construtor de IU](https://servicenow-prod.fluidtopics.net/oXLwDAYTDqDRVYtO2ECqbg "Crie uma página em Construtor de IU para um portal, espaço ou aplicação personalizada para que você possa criar uma experiência na Web para seus usuários.").
4. Adicione um componente à página que você deseja que acione um popover, como um componente de botão.  
   Para obter mais informações, consulte [Adicionar e configurar componentes](https://servicenow-prod.fluidtopics.net/Aqc1bei9skOZ0arABedMFw#add-components "Saiba como adicionar componentes à sua página em Construtor de IU. Uma página é criada adicionando componentes.").
5. Selecione a guia Eventos no painel de configuração.
6. Selecione + Adicionar manipulador de eventos.  
7. Selecione Abrir popover.
8. Selecione Criar um novo popover.  
9. Selecione Adicionar.  
   O popover aparece acima da fase.
10. Adicione componentes ao popover selecionando o ícone +.  
11. Quando terminar de configurar o popover, feche-o.  
    Observe na árvore de conteúdo que os popovers criados ficam acima do corpo da estrutura da página.
12. Clique em Salvar.
13. Selecione Visualizar no cabeçalho Construtor de IU.
14. Clique no botão para testar o popover.