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

  • Rversion finale: Zurich
  • Mis à jour 31 juil. 2025
  • 2 minutes de lecture
  • Utilisez des 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 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.

    Figure 1. Popover d’information
    Page avec lien de texte d’info-bulle qui a été sélectionnée pour afficher un popover d’informations supplémentaires.

    Ajouter un popover à une Générateur d'IU page

    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 Tout > Cadre de travail Now Experience > Générateur d'IU.
    2. Ouvrez une expérience pour y travailler ou créez une expérience en sélectionnant Créer > Expérience.
      Consultez la rubrique Configurer la façon dont les utilisateurs interagissent avec vos applications dans Générateur d'IU pour plus d’informations sur la création d’expériences.
    3. Ouvrez ou créez une variante de page.
      Pour en savoir plus sur la création d’une page dans Générateur d'IU, consultez Créer une page dans Générateur d’IU.
    4. Ajoutez à votre page un composant pour lequel vous souhaitez déclencher un popover, tel qu’un composant de bouton.
      Consultez Ajouter et configurer 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.
      Flèche pointant vers le lien Ajouter un gestionnaire d’événements pour le composant de bouton.
    7. Sélectionnez Ouvrir le popover.
    8. Sélectionnez Créer un nouveau popover.
      Flèche pointant vers l’option Créer un nouveau 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 + .
      Flèche pointant vers le + pour ajouter du contenu.
    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 votre structure de page.

      Flèche pointant vers le popover personnalisé dans l’arborescence de contenu.
    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.