Ajouter une barre latérale contextuelle

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

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 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 dans laquelle 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 plus d’informations sur la création d’une page dans Générateur d'IU, voir Créer une page dans le générateur d’IU. Pour en savoir plus sur la création d’une variante de page, reportez-vous à la rubrique 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 de 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 de 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 des paramètres ( ) pour configurer l’onglet.
   1. Renseignez les champs du formulaire.

      Tableau 1. Formulaire Paramètres d’onglet

      Champ	Description
      Étiquette de l'onglet	Étiquette qui s’affiche dans 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. Sur 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 obtenir des informations détaillées sur la configuration de la barre latérale contextuelle et de ses propriétés, consultez Configuration UIB des onglets sur le ServiceNow site développeur.