Ajouter du contenu à onglets aux pages de l’UI Builder
Rversion finale: Washingtondc
Mis à jour 1 févr. 2024
12 minutes de lecture
Utilisez le composant Onglets pour ajouter du contenu à onglets aux pages au format Générateur d'IU.
Créez une navigation supplémentaire sur votre Générateur d'IU page en ajoutant un composant Tabs à votre page. Utilisez le composant Onglets pour imbriquer des composants dans des onglets de votre page. Les onglets peuvent être configurés sous forme d’onglets horizontaux en haut du contenu ou d’onglets verticaux à gauche ou à droite du contenu. Figure 1. Exemple de composant d’onglet
Les onglets peuvent être organisés dans le panneau de configuration pour réorganiser leur affichage sur la Générateur d'IU page. Ajoutez des étiquettes et des icônes personnalisées aux onglets pour fournir des identificateurs visuels uniques pour la navigation entre les onglets.
Vous pouvez ajouter l’un des types d’onglets suivants à votre Générateur d'IU page :
Onglet Conteneur vide
Onglet Répéteur
Onglet de liste connexe
Onglets Collection de pages
Le composant d’onglets prend en charge n’importe quelle combinaison d’onglets statiques, d’onglets répétés, d’onglets de liste connexe et d’onglets de collection de pages. Vous pouvez également utiliser le mode d’onglet Fenêtre pour ajouter une série de fenêtres.
Ajouter des onglets de conteneur vides
Utilisez un onglet de conteneur vide pour créer manuellement un ensemble statique d’onglets sur votre page.
Avant de commencer
Rôle requis : admin
Procédure
Accédez à la Tous > Cadre de travail Now Experience > Générateur d'IU.
Ouvrez une expérience dans laquelle travailler ou créez une expérience en sélectionnant + Créer.
Sélectionnez Démarrer à partir d’un conteneur vide.
Sélectionnez Suivant.
Renseignez les champs du formulaire.
Tableau 1. Formulaire Paramètres d’onglet
Champ
Description
Étiquette de l'onglet
Libellé de l’onglet à afficher sur votre page.
Icône
Icône à afficher à côté de l’étiquette de l’onglet. Les icônes ne sont pas requises.
Masquer l'onglet
Indique s’il faut masquer ou afficher l’onglet.
Sélectionnez Créer.
Le nouvel onglet s’affiche dans le composant Onglets .
Sélectionnez le nouvel onglet.
Sélectionnez l’icône + .
Sélectionnez le composant que vous souhaitez ajouter à l’onglet.
Les composants s’affichent sous l’onglet dans lequel ils sont imbriqués dans l’arborescence de contenu. Pour plus d'informations, consultez Ajouter et configurer des composants.
Utilisez le composant Tabs pour créer un ensemble d’onglets de répéteur en liant des onglets à un tableau de données.
Avant de commencer
Rôle requis : admin
Pourquoi et quand exécuter cette tâche
Vous pouvez utiliser des onglets de répéteur pour créer plusieurs onglets en fonction du tableau de données que vous fournissez. Vous pouvez transmettre l’icône, l’étiquette, le nombre et les champs comme clé dans l’objet. Utilisez la touche étiquette pour ajouter des noms aux onglets. Utilisez la touche de champ pour transmettre les informations aux onglets de répéteur. Vous pouvez lier un courtier en données, un état client ou un script client au fournisseur de tableau de données pour renvoyer le tableau d’objets avec le schéma approprié.
Procédure
Accédez à la Tous > Cadre de travail Now Experience > Générateur d'IU.
Ouvrez une expérience dans laquelle travailler ou créez une expérience en sélectionnant + Créer.
Entrez une étiquette pour l’onglet Répéteur dans le champ Étiquette de l’onglet Espace réservé .
Cette étiquette est affectée au premier onglet de répéteur et est le seul onglet affiché dans l’aperçu de la page.
Sélectionnez Modifier dans le champ Tableau de données .
Configurez le tableau de données dans l’éditeur JSON.
Clé
Type de données
Description
icône
Chaîne
Nom de l’icône qui apparaît dans Générateur d'IU.
étiquette
Chaîne
Obligatoire. Nom d’affichage de l’onglet dans Générateur d'IU.
compter
Numéro
Valeur à fournir sur l’étiquette de l’onglet. Lier dynamiquement à un courtier en données ou à un script client qui sera affiché sur l’étiquette.
champs
Objet
Objet qui peut être utilisé pour stocker des informations et les transmettre aux composants dans les onglets.
Sélectionnez Appliquer.
Le champ Tableau de données affiche la configuration du tableau de données.
Sélectionnez Créer.
L’onglet Nouveau répéteur apparaît sur la page et dans l’arborescence de contenu. Seul l’onglet de l’espace réservé s’affiche lors de la modification de la page.
Sélectionnez Enregistrer.
Sélectionnez le pour vérifier que les onglets Répéteur s’affichent sur votre page.
Ajouter des onglets de liste connexe
Créez un ensemble d’onglets sur une page en créant un lien vers une liste connexe.
Avant de commencer
Rôle requis : admin
Pourquoi et quand exécuter cette tâche
L’onglet de liste connexe remplit automatiquement les onglets en fonction de l’enregistrement que votre page affiche. Par exemple, par défaut, les listes connexes de la table utilisateur sont les domaines Rôles, Groupes, Délégués et Visibilité. Si votre page affiche un enregistrement d’utilisateur, la création d’un onglet de liste connexe ajoute ces quatre listes connexes en tant qu’onglets sur votre page. Vous pouvez prévisualiser la page pour voir les listes connexes qui ont été ajoutées. Un contrôleur d’enregistrement est requis pour créer des onglets de liste connexe. Pour ajouter un contrôleur à votre page, consultez Lier des données à des pages UI Builder à l’aide de contrôleurs (fonctionnalité avancée) pour plus d’informations.
Procédure
Accédez à la Tous > Cadre de travail Now Experience > Générateur d'IU.
Ouvrez une expérience dans laquelle travailler ou créez une expérience en sélectionnant + Créer une expérience.
Sélectionnez Afficher les listes connexes d’un enregistrement.
Sélectionnez Suivant.
Renseignez les champs du formulaire.
Tableau 2. Formulaire Paramètres d’onglet
Champ
Description
Étiquette de l’onglet espace réservé
Étiquette d’espace réservé à afficher dans l’onglet d’aperçu de votre page.
Masquer l'onglet
Indique si vous souhaitez masquer ou afficher l’onglet.
Contrôleur d’enregistrement
Contrôleur d’enregistrement avec la liste connexe.
Sélectionnez Créer.
Le nouvel onglet de liste connexe s’affiche dans la section Onglets du panneau de configuration. Un seul onglet d’espace réservé apparaît dans l’aperçu de la page. L’icône verte en regard de l’onglet de liste connexe dans l’arborescence de contenu indique le nombre d’onglets qui apparaissent sur votre page.
Sélectionnez Enregistrer.
Affichez et testez votre page en sélectionnant
Ajouter des onglets de collection de pages
Utilisez les onglets Collections de pages pour recréer les mêmes onglets sur plusieurs pages dans Générateur d'IU.
Avant de commencer
Rôle requis : admin
Pourquoi et quand exécuter cette tâche
Une collection de pages est un groupe de pages prédéfinies disponibles de manière globale. Utilisez les onglets de collection de pages pour afficher chaque page d’une collection de pages sous forme d’onglet. Vous pouvez sélectionner une collection de pages existante ou créer la vôtre. Un contrôleur est requis pour ajouter une collection de pages.
Procédure
Accédez à la Tous > Cadre de travail Now Experience > Générateur d'IU.
Ouvrez une expérience dans laquelle travailler ou créez une expérience en sélectionnant + Créer.
L’onglet Nouvelle collection de pages s’affiche dans la section Onglets du panneau de configuration. Un seul onglet d’espace réservé s’affiche dans l’aperçu de la page.
Sélectionnez Enregistrer.
Affichez et testez votre page en sélectionnant
Créer une collection de pages sur plusieurs pages de l’interface utilisateur
Créez une collection de pages pour accueillir du contenu à onglets qui peut être utilisé dans différentes expériences.
Avant de commencer
Rôle requis : admin
Pourquoi et quand exécuter cette tâche
Utilisez des collections de pages pour créer du contenu à onglets dans vos expériences avec le composant Onglets dans Générateur d'IU.
Les pages d’une collection de pages n’ont pas accès aux paramètres d’URL ou aux ressources de données de la page parente. Vous pouvez définir des conditions pour les pages d’une collection de pages afin de définir la page à afficher à certaines audiences. Les modèles de page ne sont pas pris en charge à l’intérieur d’une collection de pages.
Procédure
Cliquez sur + Créer une collection.
Renseignez les champs du formulaire.
Tableau 3. Formulaire Créer une collection de pages
Champ
Description
Nom
Nom permettant de suivre votre collection de pages en interne.
Contrôleur
Contrôleur qui définit les données de la collection de pages.
Interface utilisateur de l'interpréteur de commandes d'application
Type d’interface utilisateur de l’interpréteur de commandes d’application que vous souhaitez utiliser avec la collection de pages. L’interpréteur de commandes d’application est la couche du contenu de la page, qui est similaire à la fonctionnalité d’une page Web. L’interpréteur de commandes d’application peut afficher des éléments tels que le logo de votre entreprise, les préférences utilisateur et l’icône de recherche. Pour plus d'informations, consultez Définir des expériences d’interface utilisateur à l’aide d’interpréteurs de commandes d’application.
Description
Brève description pour faciliter la recherche de votre collection de pages. Écrivez une description qui aide les constructeurs de pages à comprendre quel contenu est inclus dans la collection de pages.
Périmètre de l'application
Le périmètre de l’application définit l’application dont la collection de pages fait partie. Pour créer une collection de pages dans un périmètre de l’application différent, modifiez le périmètre de l’application dans la plateforme, puis créez une collection de pages dans Générateur d'IU.
Cliquez sur Créer.
Cliquez sur Modifier la collection de pages.
Un nouvel onglet s’ouvre sur l’écran de modification de la collection de pages.
Cliquez sur Démarrer la modification.
Cliquez sur Créer une page
Saisissez un nom unique pour la page dans le champ Nom .
Spécifiez un chemin d’accès pour votre page dans le champ Chemin . Générateur d'IU génère un chemin d’accès par défaut basé sur le nom que vous avez fourni à l’étape précédente.
Remarque :
Le périmètre de l’application est défini par défaut sur celui dans lequel se trouve l’utilisateur. Pour en savoir plus sur le périmètre de l’application, reportez-vous à En savoir plus sur la sécurité et les rôles.
Cliquez sur Créer.
Facultatif : Définissez des paramètres avancés tels que les paramètres obligatoires et facultatifs, ainsi que les paramètres de variante.
Sélectionnez Ajouter les paramètres requis pour ajouter tous les paramètres requis à l’URL de votre page.
Un paramètre obligatoire est un élément de données dont votre page a besoin, tel qu’un sys_id, une table ou une requête. Les paramètres requis sont utiles pour les composants, car ils peuvent se lier à la valeur du paramètre requis. Pour plus d'informations, consultez Gérer les Générateur d'IU pages et les variantes de page.
Sélectionnez Ajouter des paramètres facultatifs pour ajouter des éléments de données facultatifs que vous souhaitez ajouter à l’URL de votre page.
Contrairement aux paramètres obligatoires, les paramètres facultatifs sont toujours des paires de noms et de valeurs qui fonctionnent, quel que soit l’ordre dans lequel ils sont fournis. Pour plus d'informations, consultez Gérer les Générateur d'IU pages et les variantes de page.
Cliquez sur le paramètre obligatoire ou facultatif dans l’URL, puis dans le champ Valeurs de test , saisissez une valeur, par exemple incident.
Vous ajoutez une valeur test à votre page pour remplir les données qui s’y trouvent afin de la tester. Par exemple, si vous ajoutez une table comme paramètre requis, vous pouvez ajouter une valeur test d’incident pour apporter des données de test sur l’incident de cette table. Pour plus d’informations sur les valeurs de test, reportez-vous à la section Valeurs de test dans une page.
Sélectionnez l’onglet Variante pour définir les paramètres d’audience et de conditions de votre page.
Lorsque vous créez une page, crée Générateur d'IU également une variante de la page pour vous par défaut. Une variante de page est une variation de votre page au même chemin d’accès qui vous permet de cibler les expériences de différentes audiences à l’aide de critères d’utilisateur. Par exemple, une page pour les responsables et une variante de cette page pour les subordonnés directs du responsable. Pour en savoir plus sur la création d’une variante, reportez-vous à Créer une variante de page.
pour vérifier que les onglets Répéteur s’affichent sur votre page.
