---
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


---

# Définir la charge utile pour une fenêtre modale personnalisée

# Définir la charge utile pour 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) 1 minute de lecture

Définissez votre bouton d'action pour ouvrir une fenêtre modale personnalisée en définissant les paramètres de charge utile.

## Avant de commencer

* [Créer une action de formulaire](https://servicenow-prod.fluidtopics.net/j18CtiMUZQtyjMorlLy75A "Ajoutez un bouton d’action de formulaire à votre espace de travail configurable.")
* [Activer Customer Service Management](https://www.servicenow.com/docs/access?context=t_ActivateCustomerService&version=xanadu&pubname=xanadu-customer-service-management&ft:locale=en-US)
* Ouvrez votre page d'enregistrement dans UIB ou [créez une variante de page dans UIB](https://www.servicenow.com/docs/access?context=create-variant&version=xanadu&pubname=xanadu-application-development&ft:locale=en-US)
* [Concevoir votre 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.")
* [Configurer votre 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é.")
* [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é.")
{#define-the-payload-for-a-custom-modal__ul_n5t_psm_d1c}

Rôle requis : administrateur

## Procédure

1. Dans le filtre de navigation, accédez à ToutActions déclarativesActions de formulaire.
2. Sélectionnez l'action de formulaire dans laquelle vous souhaitez ajouter le modal personnalisé.
3. Ouvrez le champ Spécifier l'action du client en sélectionnant l'icône Aperçu de l'enregistrement ( ![icône Aperçu de l’enregistrement]()) et Ouvrir l'enregistrement.
4. Marquez l'emplacement de votre page en saisissant le nom de l'action de la page comme clé de routage du champ Charge utile .
5. Transmettez les variables du contexte actuel en saisissant les valeurs table et sysID dans la clé de champs .  

        {
          "route": "action-name",
          "fields": {
            "table": "{{table}}",
            "sysId": "{{sysId}}"
          }
        }

6. Sélectionnez Mettre à jour.
7. Ouvrez un enregistrement dans votre espace de travail configurable.
8. Testez votre bouton en le sélectionnant.  
   Votre bouton ouvre la fenêtre modale personnalisée.