--- sourceDocument: Interface utilisateur de la Now Platform Xanadu sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/fr-FR/xanadu/platform-user-interface Release : - xanadu ft:locale : - fr-FR ft:publication_title : - Interface utilisateur de la Now Platform Xanadu ft:clusterId : - platux bundleId : - platux workflow : - Platform --- # Créer des interfaces utilisateur d'activité Playbook personnalisées # Créer des interfaces utilisateur d'activité Playbook personnalisées {#ariaid-title1} * Rversion finale: Xanadu * * Mis à jour 1 août 2024 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 6 minutes de lecture Créez des interfaces utilisateur d'activité personnalisées pour vos activités Playbook. Créez vos propres interfaces utilisateur d'activité pour Générateur d'IU remplacer l'expérience utilisateur par défaut d'une activité Playbook. Générateur d'IU fournit un environnement low-code pour créer et mettre à jour des interfaces utilisateur d'activité personnalisées. Vous pouvez combiner plusieurs Générateur d'IU composants en une seule activité Playbook. Générateur d'IU utilise des interfaces utilisateur d'activité prêtes à l'emploi comme modèle que vous pouvez personnaliser. Utilisez cette propriété Générateur d'IU pour personnaliser l'expérience utilisateur d'une activité dans une expérience Playbook. Vous pouvez effectuer les opérations suivantes dans Générateur d'IU: * Créez une nouvelle activité à partir d'un modèle d'interface utilisateur vide contenant un shell de carte. * Créez une activité à partir d'un modèle d'interface utilisateur existant contenant du contenu dans le shell d'une carte. * Mappez les propriétés de l'expérience d'activité Playbook aux composants avec liaison de données. * Définissez des règles pour spécifier quelle interface utilisateur d'activité doit être utilisée avec quelle activité. * Reflétez les changements en temps réel apportés aux propriétés d'expérience de l'activité au fur et à mesure de l'exécution d'un processus sous-jacent. {#playbook-using-activity-uis__ul_ght_rfn_4rb} ## Créer des interfaces utilisateur d'activité personnalisées pour le playbook {#ariaid-title2} Créez des interfaces utilisateur d'activité Générateur d'IU personnalisées pour les activités du playbook. ### Avant de commencer Rôle requis : administrateur de playbook ### Procédure 1. Accédez à la ToutExpérience de playbookInterfaces utilisateur de l'activité. 2. Sélectionnez Nouveau. 3. Renseignez les champs du formulaire. {#playbook-custom-activity-uis__table_pqz_2x3_krb__entry__2} | Champ | Description | |-|-| | Nom | Nom de l'interface utilisateur de votre activité. | | Expérience de playbook | Sélectionnez l'expérience de playbook dans laquelle vous souhaitez utiliser l'interface utilisateur de l'activité. Sélectionnez Expérience de playbook globale pour rendre votre interface utilisateur d'activité disponible à toutes les expériences de playbook. | | Type d'expérience | Sélectionnez le type d'expérience que vous souhaitez appliquer à l'interface utilisateur de l'activité. Pour en savoir plus sur les types d'expérience, consultez [Types d'expérience](https://www.servicenow.com/docs/access?context=experience-types&version=xanadu&pubname=xanadu-build-workflows&ft:locale=en-US). | | Modèle d'interface utilisateur | Sélectionnez le modèle d'interface utilisateur que vous souhaitez cloner pour votre interface utilisateur d'activité. Le modèle vide est appliqué si aucun modèle d'interface utilisateur n'est sélectionné. Si vous sélectionnez un modèle d'interface utilisateur avec un type d'expérience différent de votre type d'expérience d'interface utilisateur d'activité, il se peut qu'il ne soit pas entièrement compatible sans modifications supplémentaires. | [Tableau 1. Formulaire d'interface utilisateur de l'activité Playbook] {#playbook-custom-activity-uis__table_pqz_2x3_krb} 4. Sélectionnez Soumettre. 5. Sélectionnez l'interface utilisateur de l'activité que vous avez créée dans la liste. 6. Sélectionnez Nouveau dans la table Remplacements de l'activité Playbook . 7. Remplissez le formulaire Remplacement d'activité pour spécifier quand l'interface utilisateur de votre activité doit remplacer l'interface utilisateur d'activité par défaut. Consultez [Configurer les remplacements d'activité du playbook](https://servicenow-prod.fluidtopics.net/t3HHXZWfKC4fINHPwzFxGg "Créez des remplacements d’activités supplémentaires qui étendent ou remplacent les remplacements définis par l’expérience de playbook globale. Les remplacements d’activités Playbook vous permettent de remplacer le comportement d’affichage par défaut des activités individuelles de votre Playbook.") pour plus d'informations. 8. Sélectionnez Modifier dans Générateur d'IU. ### Résultats Générateur d'IU s'ouvre dans un nouvel onglet affichant l'interface utilisateur de votre activité. Modifiez votre interface utilisateur d'activité personnalisée à l'aide de Générateur d'IU. Voir [Générateur d'IU](https://www.servicenow.com/docs/access?context=ui-builder-overview&version=xanadu&pubname=xanadu-application-development&ft:locale=en-US) pour plus d'informations. ## Configurer les interfaces utilisateur de l'activité avec Générateur d'IU {#ariaid-title3} Vous pouvez personnaliser les interfaces utilisateur des activités de Générateur d'IU l'une des manières suivantes. ### Utiliser des modèles d'interface utilisateur dans Générateur d'IU {#playbook-activity-ui-builder__section_yrz_gx2_2sb} Les interfaces utilisateur d'activité s'ouvrent dans le générateur d'IU en tant que modèle d'interface utilisateur que vous avez sélectionné lors de la création d'une interface utilisateur d'activité personnalisée. Chaque modèle d'interface utilisateur contient des composants préconfigurés qui peuvent être personnalisés dans Générateur d'IU. Par exemple, l'interface utilisateur d'activité par défaut prend en charge les éléments suivants : * Description texte enrichi * Paires de valeurs d'étiquettes empilées pour les champs d'enregistrement * Liste de vérification (conditionnel à la sélection de la propriété Afficher l'expérience de la liste de vérification) * Formulaire * Pièces jointes * Pied de page {#playbook-activity-ui-builder__ul_ug4_mhf_2sb} Si vous n'avez pas sélectionné de modèle d'interface utilisateur, une Générateur d'IU carte de playbook vierge contenant l'enveloppe extérieure de la carte s'affiche. Tous les modèles, y compris le modèle vierge, comprennent les éléments suivants : * Étiquette d'activité * État de l'activité * Minuteur SLA * Pied de page * Actions déclaratives {#playbook-activity-ui-builder__ul_lpb_qhf_2sb} ### Interfaces utilisateur d'activité prêtes à l'emploi {#playbook-activity-ui-builder__section_qbx_2jx_dsb} Playbook comprend les interfaces utilisateur d'activité suivantes : Par défaut : Liste : Base de connaissances : Générateur d'enregistrement : ### Ajouter du contenu à votre interface utilisateur d'activité {#playbook-activity-ui-builder__section_fw5_vsf_2sb} Le panneau Contenu affiche les composants de votre interface utilisateur d'activité. Toutes les interfaces utilisateur d'activité contiennent le composant Carte de playbook en tant que composant le plus externe enveloppant l'ensemble de l'interface utilisateur d'activité. Vous pouvez ajouter des composants à n'importe quel emplacement de carte Playbook :{#playbook-activity-ui-builder__table_ijz_4wf_2sb__entry__2} | Emplacement de carte Playbook | Description | |-|-| | Contenu | Ajoutez du contenu général que vous souhaitez afficher dans la carte Playbook. | | Formulaire | L'emplacement du formulaire est réservé au composant Formulaire Playbook. Les formulaires s'affichent dans un modal s'ils sont trop volumineux pour tenir dans une carte Playbook | | Formulaire ci-dessous | Ajoutez le contenu que vous souhaitez afficher sous le formulaire. | | Pied de page | Ajoutez le contenu que vous souhaitez afficher dans le pied de page de la carte. | [ ] {#playbook-activity-ui-builder__table_ijz_4wf_2sb} ### Lier des données à votre interface utilisateur d'activité {#playbook-activity-ui-builder__section_fhn_vff_2sb} Utilisez la liaison de données pour Générateur d'IU lier les propriétés de l'expérience de playbook à votre interface utilisateur d'activité. Ces ressources de données de l'expérience Playbook exposent dynamiquement vos données aux composants de l'interface utilisateur de votre activité. Chaque interface utilisateur d'activité a un type d'expérience qui définit une collection de propriétés d'expérience qui sont transmises à votre activité lors de l'exécution par Playbooks. Par exemple, le type d'expérience d'enregistrement inclut une propriété d'expérience de vue de formulaire qui dicte quel formulaire est affiché dans une activité Playbook. Vous pouvez trouver les liaisons de données dans l'onglet Configuration du panneau de configuration dans Générateur d'IU. Par exemple, la propriété HTML de ce composant de texte enrichi est liée à la propriété d'expérience de description. La liaison de données prend la forme suivante : @context.props.experienceProperties.description.value. Si la propriété d'expérience de description change, ce composant est mis à jour pour refléter cette nouvelle valeur. Générateur d'IU fournit des valeurs de saisie semi-automatique au fur et à mesure que vous tapez pour vous guider vers la propriété d'expérience appropriée. Propriétés d'expérience qui se complètent automatiquement pour correspondre au type d'expérience que Générateur d'IU vous avez choisi pour votre interface utilisateur d'activité. Si des propriétés d'expérience sont ajoutées à un type d'expérience, elles s'affichent automatiquement. En plus de experienceProperties, l'objet @context.props inclut d'autres données utiles auxquelles vous pouvez lier l'objet activityState ou parentTable. Commencez à taper @context.props pour voir ce qui est disponible. Pour plus d'informations sur la liaison de données dans Générateur d'IU, voir [Ressources de données dans le générateur d'IU](https://www.servicenow.com/docs/access?context=data-resources&version=xanadu&pubname=xanadu-application-development&ft:locale=en-US). ## Prévisualiser les interfaces utilisateur d'activité personnalisées dans Générateur d'IU {#ariaid-title4} Prévisualisez votre interface utilisateur d'activité personnalisée dans Générateur d'IU. Vous pouvez fournir des exemples de données pour prévisualiser l'apparence des composants dans un playbook en cours d'exécution. ### Avant de commencer Rôle requis : administrateur de playbook ou auteur d'activité ### Pourquoi et quand exécuter cette tâche Prévisualisez les interfaces utilisateur d'activité que vous avez créées dans Générateur d'IU. Modifiez les exemples de données pour afficher un aperçu de l'apparence des activités dans un playbook en cours d'exécution. Les changements apportés au panneau de configuration de cette tâche n'affectent pas l'interface utilisateur de l'activité lors de l'exécution. Elle n'affecte que l'aperçu dans Générateur d'IU. Les valeurs par défaut du délai d'exécution pour chaque propriété d'expérience sont définies lors de la création de la propriété d'expérience. ### Procédure 1. Accédez à la ToutExpérience de playbookInterfaces utilisateur de l'activité. 2. Sélectionnez l'interface utilisateur de l'activité que vous souhaitez prévisualiser. 3. Sélectionnez Modifier dans Générateur d'IU. 4. Sélectionnez Corps dans le panneau de contenu. 5. Sélectionnez l'onglet Configuration dans le panneau de configuration. 6. Sélectionnez Modifier dans le champ Propriétés de l'expérience . Les propriétés d'expérience définissent le contenu fourni lors de l'exécution Playbooks . Vous pouvez modifier les exemples de données fournis pour prévisualiser l'interface utilisateur de votre activité. La personnalisation de ces données n'affecte pas ce que l'interface utilisateur de votre activité affiche dans un Playbook en cours d'exécution. 7. Modifiez le JSON de la propriété d'expérience. 8. Sélectionnez Appliquer. 9. Vous pouvez modifier les autres propriétés de l'onglet Configuration pour personnaliser l'interface utilisateur de l'activité. Par exemple, vous pouvez modifier l'état activityState pour afficher un aperçu d'une activité à l'état en attente ou terminé. 10. Sélectionnez Enregistrer. ### Résultats affiche Générateur d'IU les modifications que vous avez apportées dans l'onglet Configuration .