--- sourceDocument: Yokohama Créer ou modifier des applications sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/fr-FR/yokohama/application-development Release : - yokohama ft:locale : - fr-FR ft:publication_title : - Yokohama Créer ou modifier des applications ft:clusterId : - cadev bundleId : - cadev workflow : - Creator --- Remplacer un onglet par un onglet activé pour Viewport ====================================================== Remplacer un onglet par un onglet activé pour Viewport {#ariaid-title1} ======================================================================= * Rversion finale: Yokohama * * Mis à jour 30 janv. 2025 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 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. Procédure --------- 1. Accédez à la ToutCadre de travail Now ExperienceGénérateur d'IU. 2. Ouvrez une expérience pour y travailler ou créez une expérience en sélectionnant CréerExpérience. Consultez la rubrique [Configurer la façon dont les utilisateurs interagissent avec vos applications dans Générateur d'IU](https://servicenow-prod.fluidtopics.net/Y1bOUW4pQdHutnAVEjdwrA "Découvrez ce qu’est une expérience dans Générateur d'IU. Comprendre le contenu d’une expérience.") 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](https://servicenow-prod.fluidtopics.net/KZzELDhFgsWnAC5IMJ3Obw#tabs-components "Utilisez le composant Onglets pour ajouter du contenu à onglets à des pages dans 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 compatible avec Viewport. Figure 2. Modifier le contenu Pour plus d'informations sur les composants de Viewport, reportez-vous à la section [Ajouter un composant de fenêtre d'affichage à votre page](https://servicenow-prod.fluidtopics.net/UVa6jD43fgy8YSWXsEsQvw "Ajoutez un composant Viewport à votre page et créez une sous-page pour créer un contenu distinct sur la 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](https://www.servicenow.com/docs/access?context=c_EncodedQueryStrings&version=yokohama&pubname=yokohama-platform-user-interface&ft:locale=en-US). 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](https://servicenow-prod.fluidtopics.net/JPlu5OHPkRgfmeiDM~ttKw "Découvrez comment utiliser des événements pour ajouter des actions aux composants, aux pages, aux ressources de données et aux actions déclaratives dans 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 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)](https://servicenow-prod.fluidtopics.net/L8tl7TBPwiuguEHwEsYdxw "Synchronisez les données entre ServiceNow les tables et les données avec les pages avec lesquelles vous créez .Générateur d'IU Les pages affichent les données synchronisées en temps réel et mettent à jour les données/tables lorsqu’un utilisateur saisit des informations."). 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.