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


---

# Configurer une variante de page en tant que modal dans UIB

# Configurer une variante de page en tant que modal dans UIB {#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 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é.

## Avant de commencer

Effectuez les actions suivantes :

* [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.")
{#configure-a-page-variant-as-a-modal-in-uib__ul_wlf_xnm_d1c}

Rôle requis : administrateur

## Procédure

1. Ouvrez votre variante de page.
2. Ouvrez le sys_ux_screen_type en sélectionnant l'icône de menu ( ![icône de menu]()) et en naviguant jusqu'à DéveloppeurOuvrir un enregistrement de collection de variantes.
3. Sélectionnez l'onglet Chemin de l'application UX sous Listes connexes, puis sélectionnez votre variante de page.
4. Ouvrez le générateur d'IU dans un nouvel onglet de navigateur et ouvrez votre expérience d'espace de travail configurable.
5. Recherchez la page que vous souhaitez que votre fenêtre modale affiche en ouvrant la vue d'ensemble des enregistrements de l'expérience et en sélectionnant la page.
6. Sélectionnez l'icône de menu ( ![icône de menu]()) et accédez à Ouvrir la définition de page.
7. Sélectionnez Copier sys_id.
8. Revenez à l'onglet du navigateur avec le sys_ux_app_routefichier .
9. Ouvrez la valeur lisible par machine de la page dans un modal d'alerte de navigateur en sélectionnant deux fois le champ Macroponent parent , puis en sélectionnant OK.
10. Définissez la variante à afficher dans un modal en saisissant <kbd class="ph userinput">modalContainerViewport</kbd> dans le champ ID d'élément de composition du macroponent parent .
11. Sélectionnez Mettre à jour.