---
sourceDocument: Interface utilisateur de la Now Platform Xanadu
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/fr-FR/xanadu/platform-user-interface

 Release :

    - xanadu

ft:locale :

    - fr-FR

ft:publication_title :

    - Interface utilisateur de la Now Platform Xanadu

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Configuration d'un bouton d'action pour ouvrir une fenêtre modale personnalisée

# Configuration d'un bouton d'action pour ouvrir une fenêtre modale personnalisée {#ariaid-title1}

* Rversion finale: Xanadu
* 
* Mis à jour 1 août 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 minutes de lecture

Après avoir ajouté un bouton d'action à votre espace de travail configurable, vous pouvez configurer le bouton pour ouvrir une fenêtre modale personnalisée.

Les boutons exécutent des actions dans votre espace de travail configurable. Les modaux personnalisés fournissent des informations ou des éléments interactifs sans avoir à naviguer hors de la page actuelle via des boîtes contextuelles. L'intégration de modaux personnalisés à des boutons d'action crée une expérience transparente et interactive, vous permettant d'effectuer des actions de manière intuitive.

## Processus de création d'une fenêtre modale personnalisée {#configuring-an-action-button-to-open-a-custom-modal__section_ar5_vgn_21c}

La configuration d'un bouton d'action pour ouvrir une fenêtre modale personnalisée implique plusieurs processus :

1. Ajout du bouton d'action au formulaire :La création d'une action ajoute le bouton au formulaire sans lui affecter quoi que ce soit lorsqu'il est sélectionné. Pour plus d'informations, consultez [Créer une action de formulaire](https://servicenow-prod.fluidtopics.net/j18CtiMUZQtyjMorlLy75A "Ajoutez un bouton d’action de formulaire à votre espace de travail configurable.").

2. Activation de Customer Service Management :L'ajout du module d'extension Customer Service fournit des données de démonstration et active les modules d'extension connexes qui ne sont pas déjà actifs. Pour en savoir plus, consultez [Activer Customer Service Management](https://www.servicenow.com/docs/access?context=t_ActivateCustomerService&version=xanadu&pubname=xanadu-customer-service-management&ft:locale=en-US).

3. Ouverture de votre page d'enregistrement dans le générateur d'IU :Accéder à votre page d'enregistrement dans le générateur d'IU vous permet de concevoir et de configurer la variante de page avec une fenêtre modale personnalisée. Pour plus d'informations, reportez-vous à [la rubrique Création d'une variante de page](https://www.servicenow.com/docs/access?context=create-variant&version=xanadu&pubname=xanadu-application-development&ft:locale=en-US).

4. Conception de la variante de page dans le générateur d'IU :L'utilisation du générateur d'IU pour concevoir une variante de page transmet le modal à la page d'enregistrement de l'espace de travail. Pour plus d'informations, consultez [Concevoir une variante de page dans UIB](https://servicenow-prod.fluidtopics.net/SakL0CbX8Nyq199ANmYDfg#design-a-page-variant-in-uib "Configurez une variante de page du générateur d’IU à transmettre d’un modal d’espace de travail à la variante. Cette étape fait partie du processus de configuration d’un bouton d’action pour ouvrir une fenêtre modale personnalisée.").

5. Configuration de la variante de page en tant que modal dans le générateur d'IU :L'utilisation du générateur d'IU pour configurer la variante de page définit le modal à afficher dans la page d'enregistrement de l'espace de travail. Pour plus d'informations, consultez [Configurer une variante de page en tant que modal dans UIB](https://servicenow-prod.fluidtopics.net/9l1THDvppTp54cozJG1aqw#configure-a-page-variant-as-a-modal-in-uib "Définissez votre variante de page pour qu’elle s’affiche en tant que fenêtre modale à l’aide des configurations du générateur d’IU. Cette étape fait partie du processus de configuration d’un bouton d’action pour ouvrir un modal personnalisé.").

6. Création d'un mappage d'événements du complément UX :La configuration d'un mappage d'événements du complément UX connecte le bouton d'action à votre fenêtre modale personnalisée. Pour plus d'informations, consultez [Créer un mappage d'événements du complément UX](https://servicenow-prod.fluidtopics.net/Tfn4qHwslP2ERVGzRLYjlA#create-a-ux-add-on-event-mapping "Connectez un bouton à un modal à l’aide du mappage d’événements du complément UX afin qu’un bouton d’action ouvre un modal personnalisé.").

7. Définition de la charge utile pour une fenêtre modale personnalisée :La configuration de la charge utile définit le bouton d'action pour ouvrir le modal personnalisé dans votre espace de travail. Pour plus d'informations, consultez [Définir la charge utile pour une fenêtre modale personnalisée](https://servicenow-prod.fluidtopics.net/RN71y1pvv~ngZnsNBIvLeA#define-the-payload-for-a-custom-modal "Définissez votre bouton d’action pour ouvrir une fenêtre modale personnalisée en définissant les paramètres de charge utile.").

{#configuring-an-action-button-to-open-a-custom-modal__ol_lb2_4hn_21c}