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


---

Ajouter une barre latérale contextuelle
=======================================

Ajouter une barre latérale contextuelle {#ariaid-title1}
========================================================

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

Ajoutez une barre latérale contextuelle à une page avec Générateur d'IU pour afficher le contenu associé à l'aide d'une structure d'onglets verticaux.

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

Rôle requis : ui_builder_admin

Pourquoi et quand exécuter cette tâche
--------------------------------------

Vous pouvez configurer la barre latérale contextuelle de la même manière que vous configureriez un composant d'onglet. Chaque onglet vertical de la barre latérale contextuelle affiche un contenu personnalisé. Vous pouvez placer des composants dans chaque onglet pour un accès rapide directement à partir de la page.

Par exemple, une page de création de document peut avoir le composant de pièces jointes sur un onglet, ce qui vous permet de joindre des fichiers liés au document sur lequel vous travaillez. Dans un autre onglet, il peut y avoir un composant de commentaires imbriqués, vous permettant d'ajouter et d'afficher des commentaires liés au document.

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 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."). Pour plus d'informations sur la création d'une variante de page, voir [Créer une page de variante](https://servicenow-prod.fluidtopics.net/ChjHOpiYKddmlt~LYPtydQ "Une variante de page dans Générateur d'IU est une variante d’une page qui existe sur le même chemin et qui cible différentes audiences à l’aide de critères d’utilisateur.")
4. Sur l'étape, ouvrez la boîte à outils en sélectionnant le bouton + Ajouter du contenu .
5. Sélectionnez la vignette Mise en page à colonne unique .
6. Dans la colonne, ouvrez la boîte à outils en sélectionnant l'icône + .
7. Sélectionnez le composant Barre latérale contextuelle pour l'ajouter à votre page.  
   La barre latérale contextuelle apparaît sur l'étape et la section Onglets apparaît dans le panneau de configuration.
8. Dans le panneau de configuration, sous la section Onglets, sélectionnez l'icône Paramètres ( icône ![Paramètres.]()) pour configurer l'onglet.
   1. Renseignez les champs du formulaire.  
      {#add-contextual-sidebar__table_usy_s1c_wtb__entry__2}

      |         Champ         |                                               Description                                                |
      |-----------------------|----------------------------------------------------------------------------------------------------------|
      | Étiquette de l'onglet | Étiquette qui s'affiche sur l'onglet de votre page.                                                      |
      | Icône                 | Icône qui apparaît en regard de l'étiquette de l'onglet. Remarque : Les icônes ne sont pas obligatoires. |
      | Masquer l'onglet      | Option permettant de masquer ou d'afficher l'onglet.                                                     |
      [Tableau 1. Formulaire Paramètres d'onglet]

      {#add-contextual-sidebar__table_usy_s1c_wtb}
   2. Sélectionnez Enregistrer.
   {#add-contextual-sidebar__substeps_sjd_sfs_wbc}
9. À l'étape dans la barre latérale contextuelle, ouvrez la boîte à outils en sélectionnant l'icône + .
10. Sélectionnez le composant que vous souhaitez ajouter à l'onglet.  
    Le composant s'affiche sous l'onglet dans l'arborescence de contenu. Pour plus d'informations, consultez [Ajouter et configurer des composants](https://servicenow-prod.fluidtopics.net/n3~Oe6m5E9q11DW86sXzOA#add-components "Découvrez comment ajouter des composants à votre page dans Générateur d'IU. Une page est créée en ajoutant des composants.").
11. **Facultatif :** Pour ajouter un autre onglet, sélectionnez + Ajouter sous la section Onglets.
{#add-contextual-sidebar__steps_a5t_tvr_wbc}

Que faire ensuite
-----------------

Pour plus d'informations sur la configuration de la barre latérale contextuelle et ses propriétés, consultez [Configuration des onglets UIB](https://developer.servicenow.com/dev.do#!/reference/next-experience/washingtondc/now-components/now-tabs/uib-setup) sur le ServiceNow site développeur.