--- 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 --- # Ajouter des composants à une page de destination dans Générateur d'IU # Ajouter des composants à une page de destination 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) 2 minutes de lecture Glissez-déplacez les composants dans le volet Étape pour créer une page de destination. ## Avant de commencer 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 devez avoir [créé une page de destination](https://servicenow-prod.fluidtopics.net/k4zyXmLw68K9k8LR4gWRdA "Créez une page de destination personnalisée pour désigner aux agents les tâches importantes qu'ils peuvent effectuer."). * Rôle requis : workspace_admin ou ui_builder_admin {#add-components-to-landing-page__ul_nwc_mdj_gkb} ## Pourquoi et quand exécuter cette tâche Pour ajouter des composants aux pages de destination, glissez-déplacez des composants de l'onglet +Ajouter un composant dans le volet Étape. ## Procédure 1. Accédez à la ToutExpérience d'espace de travailAdministrationTous les espaces de travail et cliquez sur un espace de travail pour l'ouvrir. 2. Si la page qui s'ouvre n'est pas modifiable, cliquez sur le lien ici dans Pour modifier cet enregistrement, cliquez ici. 3. Cliquez sur Ouvrir dans UI Builder. 4. Dans l'onglet Pages du volet Gestion des pages, cliquez sur la page de destination à laquelle vous souhaitez ajouter des composants. 5. Cliquez sur l'onglet +Ajouter un composant pour ouvrir la liste des composants que vous pouvez ajouter à votre page de destination. 6. Pour ajouter des composants, faites-les glisser un par un de l'onglet +Ajouter un composant dans le volet Étape. Lorsque vous faites glisser un composant, commencez par cliquer dessus pour le sélectionner. Un cadre s'affiche autour du composant lorsqu'il est sélectionné. Lorsque vous déplacez des composants dans le volet Étape, assurez-vous de pointer vers un composant qui se trouve déjà sur la page de destination. Les emplacements où vous pouvez déplacer le composant sont mis en surbrillance. Pour en savoir plus sur l'opération de glisser-déplacer, consultez le [didacticiel](https://servicenow-prod.fluidtopics.net/h_dxkEkLpu_G9T6ra8o_fw#drag-and-drop-tutorial "Découvrez comment utiliser l’ancienne Générateur d'IU version pour créer une page de destination personnalisée."). Vous pouvez ajouter les composants suivants : * Conteneur : conteneur dans lequel vous pouvez regrouper d'autres composants, par exemple un en-tête et deux rapports de visualisation de données. Pour plus d'informations, consultez [Composant de conteneur dans Générateur d'IU](https://servicenow-prod.fluidtopics.net/Q351WRnLjQbsrxaJouwyEQ "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."). * Widget Rapport/PA---Performance Analytics et visualisation des Reporting. Ces valeurs peuvent être mises à jour périodiquement. Pour en savoir plus, consultez la rubrique [Composant de visualisation des données](https://developer.servicenow.com/dev.do#!/reference/now-experience/rome/now-components/data%20visualization/overview). * Image---Image. Pour plus d'informations, consultez [Composant d'image dans Générateur d'IU](https://servicenow-prod.fluidtopics.net/jP03gT9XTze1nS3fBxARFg "Ajoutez des images à votre page de destination avec un composant d’image."). * Texte enrichi---Chaîne à utiliser n'importe où sur la page de destination. Pour plus d'informations, consultez [Composant de texte enrichi dans Générateur d'IU](https://servicenow-prod.fluidtopics.net/r1moVOcRukqbc_DpvMleKg "Ajoutez du texte à votre page de destination à l’aide d’un composant de texte enrichi pour expliquer certaines parties de votre page de destination, par exemple, « Attaquez-vous d’abord à ces incidents de priorité 1 »."). * Visualisation des données---Nouvelles visualisations de rapports et visualisations des rapports et widgets existants. Ces valeurs peuvent être mises à jour périodiquement. Pour en savoir plus, consultez la section [Composant Conteneur dans UI Builder](https://developer.servicenow.com/dev.do#!/reference/now-experience/sandiego/now-components/now-facade-container/overview). * En-tête---Chaîne à utiliser comme titre d'une page de destination. Pour plus d'informations, consultez [Composant d'en-tête dans Générateur d'IU](https://servicenow-prod.fluidtopics.net/Da7ATJ0~fQlZkIFD7shp7A "Ajoutez un titre à votre page de destination à l’aide d’un composant d’en-tête."). * Liste---Liste des enregistrements provenant d'une seule table. Pour plus d'informations, consultez [Composant de liste dans Générateur d'IU](https://servicenow-prod.fluidtopics.net/hgBVTQftCMtaf01NEmF8EQ "Utilisez un composant de liste pour ajouter des listes à votre page de destination."). {#add-components-to-landing-page__ul_vrw_b4s_tjb} 7. **Facultatif :** Pour supprimer un composant de votre page de destination : 1. Cliquez sur le composant, puis sur l'icône de corbeille (![icône de corbeille]()) qui s'affiche. 2. Confirmez la suppression en cliquant sur l'icône de coche (![icône Supprimer le composant]()) dans la fenêtre contextuelle Supprimer l'élément ?. {#add-components-to-landing-page__substeps_zml_nps_tjb} 8. **Facultatif :** Pour déplacer un composant, cliquez dessus, utilisez votre souris pour saisir l'icône de déplacement (![Saisir le composant]()) et faites glisser le composant vers un nouvel emplacement. 9. Cliquez sur chaque composant dans le volet Étape et saisissez les valeurs des propriétés du composant qui apparaissent dans le volet Configuration. Pour obtenir des descriptions des propriétés des composants, reportez-vous à la section [Référence de composant pour Générateur d'IU](https://servicenow-prod.fluidtopics.net/rlHvBrJrfHJrIa9loUAOSg "Les informations contenues dans les sections suivantes vous aident à comprendre les paramètres des composantsutilisés dans Générateur d'IU."). 10. Cliquez sur Enregistrer. 11. Cliquez sur Activer lorsque vous êtes prêt à utiliser la page de destination.