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


---

Afficher dynamiquement le contenu avec des rendus conditionnels
===============================================================

Afficher dynamiquement le contenu avec des rendus conditionnels {#ariaid-title1}
================================================================================

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

Utilisez le composant de rendu conditionnel pour afficher du contenu ou des composants en fonction des conditions spécifiées.

Avant de commencer
------------------

Rôle requis : ui_builder_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. Créez ou ouvrez une page ou une variante de page.  
   Pour plus d'informations sur la création d'une page dans le 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. Sélectionnez + Ajouter du contenu dans l'arborescence de contenu.
5. Sélectionnez des composants.
6. Sélectionnez Rendu conditionnel.
7. Sélectionnez + Ajouter une condition.
8. Choisissez la façon dont vous souhaitez créer la condition.  
   {#conditional-renderer__table_ekc_q3n_b2c__entry__2}

   | Type de condition |                                                                                       Description                                                                                        |
   |-------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
   | Conteneur vide    | Créez une condition en plaçant des composants dans un conteneur vide.                                                                                                                    |
   | Carte             | Créez une condition en plaçant des composants dans un composant de carte.                                                                                                                |
   | Composant unique  | Ajoutez une condition directement à un composant sans utiliser de conteneur ou de carte. Cela fonctionne bien pour afficher un seul composant uniquement lorsque la condition est vraie. |
   [ ]

   {#conditional-renderer__table_ekc_q3n_b2c}
9. **Facultatif :** Sélectionnez un composant dans la liste si vous avez sélectionné Composant unique lors de l'étape précédente.
10. Renseignez les champs du formulaire.  
    {#conditional-renderer__table_z2p_2mn_b2c__entry__2}

    |           Champ           |                                                            Description                                                            |
    |---------------------------|-----------------------------------------------------------------------------------------------------------------------------------|
    | Étiquette de composant    | Étiquette permettant d'identifier le contenu conditionnel.                                                                        |
    | ID de composant           | Identificateur unique utilisé lors de la liaison de données.                                                                      |
    | Description (facultative) | Description de la condition.                                                                                                      |
    | Rendu du contenu          | Sélectionnez le moment de l'affichage du contenu sur la page.                                                                     |
    | Condition                 | Utilisez des données ou des formules pour définir la condition de rendu du contenu. Le champ nécessite une valeur booléenne vrai. |
    [ ]

    {#conditional-renderer__table_z2p_2mn_b2c}
11. Sélectionnez Appliquer.
12. **Facultatif :** Ajoutez des composants au conteneur ou à la carte.  
    Pour plus d'informations sur l'ajout de composants, reportez-vous à la section [Personnaliser les Générateur d'IU pages à l'aide de composants](https://servicenow-prod.fluidtopics.net/8tYb7jRqzKxCUrT7qBbj1w "Découvrez ce qu’est un composant dans Générateur d'IU. Découvrez également comment les composants fonctionnent dans le générateur d’IU.").
13. Configurez les composants dans le rendu conditionnel.
14. Sélectionnez Enregistrer.