Ajouter une barre latérale contextuelle

Ajoutez une barre latérale contextuelle à une page avec Générateur d'IU pour afficher le contenu connexe à 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 y accéder rapidement 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 Tout > Cadre de travail Now Experience > Générateur d'IU.
2. Ouvrez une expérience pour y travailler ou créez une expérience en sélectionnant Créer > Expérience.
   Consultez la rubrique Configurer la façon dont les utilisateurs interagissent avec vos applications dans Générateur d'IU pour plus d’informations sur la création d’expériences.
3. Créez ou ouvrez une page ou une variante de page.
   Pour en savoir plus sur la création d’une page dans Générateur d'IU, consultez Créer une page dans Générateur d’IU. Pour en savoir plus sur la création d’une variante de page, consultez Créer une page de variante
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 ) pour configurer l’onglet.
   1. Remplissez les champs du formulaire.

      Tableau 1. Formulaire Paramètres de l’onglet

      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.

   2. Sélectionnez Enregistrer.
9. À l’étape de 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.
11. Facultatif : Pour ajouter un autre onglet, sélectionnez + Ajouter dans la section Onglets.

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 sur le ServiceNow site développeur.