---
sourceDocument: Yokohama Créer ou modifier des applications
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/fr-FR/yokohama/application-development

 Release :

    - yokohama

ft:locale :

    - fr-FR

ft:publication_title :

    - Yokohama Créer ou modifier des applications

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Creator


---

Créer des popovers dans Générateur d'IU
=======================================

Créer des popovers dans Générateur d'IU {#ariaid-title1}
========================================================

* Rversion finale: Yokohama
* 
* Mis à jour 30 janv. 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 minutes de lecture

Utilisez les popovers sur une page du générateur d'IU pour superposer des informations contextuelles ou des fonctionnalités permettant aux utilisateurs d'accomplir des tâches.

Un popover est une petite fenêtre ou boîte de dialogue qui apparaît au-dessus d'une Générateur d'IU page et qui contient des informations, des options ou des actions supplémentaires liées au contenu ou à la tâche à accomplir. Ajoutez des composants à un popover de la même manière que vous ajoutez des modaux à une page.

Vous pouvez placer des popovers n'importe où sur une Générateur d'IU page où vous pensez que des informations supplémentaires aident les utilisateurs. Les popovers sont destinés à fournir de petits éléments d'information ou des liens vers du contenu connexe. Vous devez donc limiter la quantité d'informations ou de fonctionnalités dans un popover, car le popover ne s'affiche que lorsqu'un utilisateur interagit avec lui.

Vous pouvez rendre les popovers visibles ou masqués à l'aide du mappage d'événements, par exemple en déclenchant l'apparition d'un popover lors de la sélection d'un bouton ou en pointant vers une partie de la page. Pour plus d'informations, consultez [Définir des événements de carte](https://servicenow-prod.fluidtopics.net/K0EwI6TKxwwNHuG3POiXsA "Un mappage d’événements Générateur d'IU est le processus qui vous permet de mapper la charge utile ou les valeurs contextuelles d’un événement à l’objet ou au gestionnaire qui agit sur cet événement. Les quatre types d’événements sont les suivants : composant, page, ressource de données et action déclarative.").
Figure 1. Popover d'information

Ajouter un popover à une Générateur d'IU page {#ariaid-title2}
--------------------------------------------------------------

Découvrez comment ajouter un popover dans Générateur d'IU. Un popover est un conteneur qui apparaît au-dessus d'une page lorsque vous cliquez sur un composant. Par exemple, un popover peut afficher des informations de contact lors de la sélection du nom d'une personne dans une liste.

### Avant de commencer

Rôle requis : admin

### Procédure

1. Accédez à la ToutCadre de travail Now ExperienceGénérateur d'IU.
2. Ouvrez une expérience pour y travailler ou créez une expérience en sélectionnant CréerExpérience.  
   Consultez la rubrique [Configurer la façon dont les utilisateurs interagissent avec vos applications dans Générateur d'IU](https://servicenow-prod.fluidtopics.net/Y1bOUW4pQdHutnAVEjdwrA "Découvrez ce qu’est une expérience dans Générateur d'IU. Comprendre le contenu d’une expérience.") pour plus d'informations sur la création d'expériences.
3. Ouvrez ou créez une variante de page.  
   Pour plus d'informations sur la création d'une page dans Générateur d'IU, consultez [Créer une page dans le générateur d'IU](https://servicenow-prod.fluidtopics.net/7FlPZg9EshuX4KGkHUH3Ew "Créez une page Générateur d'IU pour un portail, un espace de travail ou une application personnalisée afin de créer une expérience Web pour vos utilisateurs.").
4. Ajoutez un composant à votre page pour lequel vous souhaitez déclencher un popover, tel qu'un composant de bouton.  
   Consultez [Ajouter et configurer des composants](https://servicenow-prod.fluidtopics.net/n3~Oe6m5E9q11DW86sXzOA#add-components "Découvrez comment ajouter des composants à votre page dans Générateur d'IU. Une page est créée en ajoutant des composants.") pour plus d'informations.
5. Sélectionnez l'onglet Événements dans le panneau de configuration.
6. Sélectionnez + Ajouter un gestionnaire d'événements.  
7. Sélectionnez Ouvrir le popover.
8. Sélectionnez Créer un popover.  
9. Sélectionnez Ajouter.  
   Le popover apparaît au-dessus de la scène.
10. Ajoutez des composants au popover en sélectionnant l'icône + .  
11. Lorsque vous avez terminé de configurer le popover, fermez-le.  
    Notez dans l'arborescence de contenu que les popovers que vous créez se trouvent au-dessus du corps de la structure de votre page.
12. Cliquez sur Enregistrer.
13. Sélectionnez Aperçu dans l'en-tête Générateur d'IU .
14. Cliquez sur le bouton pour tester le popover.