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


---

# Composants de conteneur dans Générateur d'IU

# Composants de conteneur dans Générateur d'IU {#ariaid-title1}

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

Utilisez un composant de conteneur pour Générateur d'IU regrouper d'autres composants similaires, tels que plusieurs composants de visualisation de données. Vous pouvez ajouter un titre à un conteneur pour aider les agents à comprendre la raison du regroupement.  
Important :  
le générateur décrit sur cette page est destiné à la création et à la modification de pages de destination dans tous les espaces de travail, à l'exception de CSM. Pour en savoir plus sur le nouvel UI Builder permettant de créer et de modifier toutes les pages de l'espace de travail CSM, consultez la rubrique [UI Builder](https://www.servicenow.com/docs/access?context=ui-builder-overview&version=xanadu&pubname=xanadu-application-development&ft:locale=en-US).
Vous pouvez insérer n'importe quel composant dans un composant de conteneur. Le conteneur comporte une étiquette qui aide les agents à comprendre le regroupement des autres composants. Dans l'exemple suivant, le conteneur contient deux composants de visualisation des données.

La table suivante explique les paramètres du composant de conteneur.
{#container-component__table_dgd_4ms_vjb__entry__2}

| Paramètre | Description |
|-|-|
| Nom de composant | Nom qui s'affiche dans les contrôles de composant au-dessus d'un composant dans le volet Étape. Le nombre maximal de caractères est de 18. ![Nom du composant.]() |
| Étiquette | Chaîne qui apparaît comme titre pour le conteneur. Dans l'image précédente, reportez-vous à la section \<\< Étiquette du conteneur ici \>\>. |
| Type | Composant de style. Utilisez le type Visualisations pour assombrir le conteneur, ce qui fait ressortir les composants qu'il contient. |
| Type | Composant de style. Utilisez le type Neutral-1 pour assombrir le conteneur. Utilisez le type Neutre-0 pour éviter que le conteneur ne soit assombri. Les deux valeurs remplacent le type Visualisations . |
| Afficher la bordure | Activer/désactiver pour afficher ou masquer un contour autour d'un composant. La bordure du conteneur est plus foncée et plus épaisse que les autres bordures des composants. |
| Peut être réduit | Basculez pour activer/désactiver un composant à réduire. Lorsque cette option est activée, une icône de caret ( ![peut être réduit]()) apparaît dans le composant, sur laquelle un utilisateur peut cliquer pour réduire le composant. |
| Réduit | Basculez pour démarrer ou non le composant à l'état réduit. Lorsqu'il est activé, le composant réduit apparaît sous la forme d'une flèche vers le bas ( ![icône réduite]()) sur la page de destination. |
[Tableau 1. Paramètres de composant du conteneur]

{#container-component__table_dgd_4ms_vjb}