Remplacer un onglet par un onglet activé Viewport

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

Avant de commencer

Rôle requis : administrateur

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 fonctionnant 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 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 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 du générateur d'IU.

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 fonctionnant 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é d’une fenêtre 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 , donnez un nom à l’onglet doté de 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 : Déclarez les conditions d’affichage de la page ou de l’onglet à l’aide des menus déroulants fournis ou en écrivant une chaîne de requête codée.

    Pour plus d’informations sur l’écriture de requêtes codées, reportez-vous à la section Encoded query strings.

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 faire effectuer des actions, telles que le chargement du contenu de la page.
    Pour en savoir plus sur les gestionnaires d’événements, reportez-vous à Gérer les actions dans les pages du générateur d’IU (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 activé pour Viewport à l’aide des ressources de données afin d’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 à la section 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 apparaissent sur la page et décidez si vous souhaitez masquer les étiquettes d’onglet afin de ne voir que les icônes.