Ajouter une fenêtre à un composant de barre latérale contextuelle

  • Rversion finale: Washingtondc
  • Mis à jour 1 févr. 2024
  • 2 minutes de lecture
  • L’ajout d’une fenêtre d’affichage à votre page vous permet de créer du contenu distinct qui est affiché lorsque vous cliquez sur un onglet de votre page. Vous créez des onglets au sein d’un composant. Ensuite, dans ces onglets, vous pouvez créer des pages personnalisées ou même des interfaces utilisateur personnalisées tierces.

    Avant de commencer

    Rôle requis : ui_builder_admin

    Pourquoi et quand exécuter cette tâche

    Créez une fenêtre d’affichage en ajoutant un onglet à un composant de barre latérale contextuelle sur votre page. Créez ensuite du contenu pour l’onglet.

    Procédure

    1. Accédez à la Tous > 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.
    3. Ouvrez ou créez une variante de page.
      Pour plus d’informations sur la création d’une page dans , consultez Créer une page dansGénérateur d'IU UI Builder.
    4. Ajoutez un composant de barre latérale contextuelle à votre page.
    5. Sélectionnez le composant de barre latérale contextuelle dans l’arborescence de contenu.
    6. Déplacez votre souris sur le composant de barre latérale contextuelle de la scène et sélectionnez Modifier le contenu.
    7. Sélectionnez Enregistrer et continuer.
    8. Sélectionnez l’icône + dans la section Pages et variantes .
      Bouton Créer une page sur la page de vue d’expérience.
    9. Saisissez un nom unique pour la page dans le champ Nom .
    10. Spécifiez un chemin d’accès pour votre page dans le champ Chemin d’accès de l’URL . Générateur d'IU génère un chemin d’accès par défaut basé sur le nom que vous avez fourni à l’étape précédente.
      Un chemin d’accès par défaut est ajouté en fonction du nom de votre page. Vous pouvez également créer votre propre parcours. Le chemin d’accès est obligatoire et doit être unique. Le chemin d’accès peut inclure des chiffres (0-9), des lettres (A-Z, a-z) et quelques caractères spéciaux (« - »,« . »,« _ »,« ~ »), les mots étant séparés par une barre oblique ou un trait d’union. L’aperçu de l’URL indique le chemin d’accès de votre page.
      Écran de détails de la page avec des champs de nom et de chemin d’accès URL.
      Remarque :
      Le périmètre de l’application est défini par défaut sur le périmètre dans lequel l’utilisateur se trouve actuellement dans le Now Platform®. Pour en savoir plus sur le périmètre de l’application, reportez-vous à En savoir plus sur la sécurité et les rôles.
    11. Sélectionnez Continuer.
    12. Sélectionnez Créer.
    13. Sélectionnez Éditeur à côté de la page que vous avez créée.
    14. Concevez votre contenu pour l’onglet.

      Notez que vous le concevez en mode édition de sous-page et Générateur d'IU non sur la page elle-même. Vous pouvez créer l’onglet comme vous le feriez pour une page. Vous pouvez ajouter des composants, modifier des mises en page, etc. Cet exemple montre l’ajout d’un onglet à un composant de barre latérale contextuelle.

      Vue d’expérience avec des composants d’en-tête et de liste dans l’arborescence de contenu.
    15. Cliquez sur Enregistrer.
    16. Sélectionnez ← Retour à la page parente.
      Flèche pointant vers le bouton de retour à la page par défaut en haut de la vue d’expérience.
    17. Facultatif : Cliquez sur le panneau Configurer pour modifier l’onglet que vous avez créé.
      Lorsque vous ajoutez des onglets de fenêtre à un composant dans Générateur d'IU, le panneau Configurer devient la configuration des onglets. Lorsque vous cliquez sur un onglet dans le panneau Configurer, les informations de l’onglet changent dans le composant correspondant de la page.
    18. Cliquez sur Enregistrer.