Remplacer un onglet par un onglet doté de Viewport

Convertissez un onglet d’une page en onglet doté de fenêtres d’affichage. Utilisez des onglets compatibles avec Viewport pour afficher des données personnalisées tierces, affecter des audiences et créer des variantes.

Avant de commencer

Rôle requis : admin

Pourquoi et quand exécuter cette tâche

Remplacez votre ou vos onglets par des onglets compatibles avec Viewport.

Remarque :

Le remplacement d’un onglet par un onglet compatible avec Viewport est un processus permanent et à sens unique. Vous perdez tout contenu d’onglet existant et devez recréer le contenu de l’onglet Viewport.

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.
   Consultez Configurer la façon dont les utilisateurs interagissent avec vos applications dans Générateur d'IU pour en savoir plus sur la création d’expériences.
3. Créez ou ouvrez une page avec des onglets existants, ou ajoutez un composant Onglets à votre page.

   Figure 1. Composant d’onglets

   

   Pour plus d’informations sur l’ajout d’un composant Onglets à une page, reportez-vous à la section Ajouter du contenu à onglets aux pages de l’UI Builder.

4. Sélectionnez le composant d’onglets que vous souhaitez remplacer par des onglets Viewport dans l’arborescence de contenu.
5. Sélectionnez Remplacer par des onglets Viewport dans le panneau de configuration.
   Remarque :

   Le remplacement d’un onglet par un onglet compatible avec Viewport est un processus permanent et à sens unique. Vous perdez tout contenu d’onglet existant et devez recréer le contenu de l’onglet Viewport.

   

6. Sélectionnez Remplacer par des onglets de fenêtre.
   
7. Cliquez sur Modifier le contenu pour ajouter un onglet doté de fenêtres d’affichage.

   Figure 2. Modifier le contenu

   

   Pour plus d’informations sur les composants Viewport, reportez-vous à la section Ajouter un composant Viewport à votre page.

8. Sélectionnez Enregistrer et continuer.
   La page de vue d’ensemble de la sous-page s’affiche.
9. Sélectionnez Créer une nouvelle page.
10. Dans le champ Nom , saisissez un nom pour votre onglet activé pour la fenêtre d’affichage.
11. Conservez le chemin d’accès par défaut ou modifiez-le selon vos préférences.
12. Sélectionnez Continuer.
13. Dans le champ Nom , saisissez un nom pour la variante de page ou laissez-la par défaut.
14. Ajoutez une ou plusieurs audiences pour cette page.
    Si une audience dont vous avez besoin n’est pas répertoriée, vous pouvez choisir Afficher toutes les audiences disponibles pour en créer une.
15. Facultatif : Ajoutez des conditions d’affichage de la page ou de l’onglet en saisissant une chaîne de requête codée.
16. Sélectionnez Ouvrir dans l’éditeur.
17. Ajoutez des composants à votre onglet comme vous le feriez pour une page.
18. Ajoutez un gestionnaire d’événements à tous les composants pour leur permettre d’effectuer des actions, telles que le chargement du contenu de la page.
    Pour en savoir plus sur les gestionnaires d’événements, reportez-vous à la section Gérer les actions dans les pages UI Builder (fonctionnalité avancée).
19. Sélectionnez ← Retour à (nom de la page) pour revenir à votre page d’origine.
    
20. Dans les onglets pilotés par les données, sélectionnez une source de données pour lier les données à votre onglet Viewport à l’aide des ressources de données pour exposer dynamiquement vos données à partir de tables et d’enregistrements.

    Vous liez ensuite ces propriétés de données aux composants de votre onglet. Pour plus d’informations sur l’utilisation des ressources de données, reportez-vous à Exposer dynamiquement les données dans les pages du générateur d’IU (fonctionnalité avancée).

    
21. Choisissez l’emplacement où les étiquettes d’onglet compatibles avec Viewport s’affichent sur la page et décidez si vous souhaitez masquer les étiquettes d’onglet afin de ne voir que les icônes.