Remplacer un onglet par un onglet activé pour Viewport

Convertir un onglet d’une page en onglet activé pour Viewport. Utilisez des onglets activés pour Viewport afin d’afficher des données personnalisées tierces, d’affecter des audiences et de 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 activés pour Viewport.

Remarque :

Le remplacement d’un onglet par un onglet activé pour Viewport est un processus permanent et unidirectionnel. 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 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 avec des onglets existants ou ajoutez un composant d’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 activé pour Viewport est un processus permanent et unidirectionnel. Vous perdez tout contenu d’onglet existant et devez recréer le contenu de l’onglet Viewport.

   

6. Sélectionnez Remplacer par des onglets Viewport.
   
7. Cliquez sur Modifier le contenu pour ajouter un onglet activé pour Viewport.

   Figure 2. Modifier le contenu

   

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