Remplacer un onglet par un onglet activé pour Viewport

  • Rversion finale: Yokohama
  • Mis à jour 30 janv. 2025
  • 2 minutes de lecture

    • Convertir un onglet d’une page en onglet compatible avec Viewport. 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 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.

    Remplacer par la confirmation des onglets 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 Onglets à votre page.
      Figure 1. Composant d’onglets
      Composant 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.

      Option Remplacer par des onglets Viewport.

    6. Sélectionnez Remplacer par des onglets Viewport.
      Remplacer par la confirmation des onglets Viewport.
    7. Cliquez sur Modifier le contenu pour ajouter un onglet compatible avec Viewport.
      Figure 2. Modifier le contenu
      Flèche pointant vers le bouton Modifier le contenu dans l’onglet de configuration.

      Pour plus d’informations sur les composants de Viewport, reportez-vous à la section Ajouter un composant de fenêtre d’affichage à 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 compatible avec 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 faire 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.
      Flèche pointant vers le lien Retour à la valeur par défaut dans l’en-tête du générateur d’IU.
    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 en utilisant 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 à la section Exposer dynamiquement les données dans les pages du générateur d’IU (fonctionnalité avancée).

      Flèche pointant vers le champ des onglets du lecteur de données.
    21. Choisissez l’emplacement d’affichage des étiquettes d’onglet activées sur la page et décidez s’il faut masquer les étiquettes d’onglet afin de ne voir que les icônes.
      Définir la largeur maximale ou masquer les onglets