Notes de publication Composants Next Experience

  • Rversion finale: Xanadu
  • Mis à jour 1 août 2024
  • 6 minutes de lecture
  • Il ServiceNow® Composants Next Experience s’agit des composants utilisés pour créer des interfaces utilisateur personnalisées. Composants Next Experience a été amélioré et mis à jour dans la Xanadu version.

    Points forts d'Composants Next Experience pour la version Xanadu

    • Créez des expériences d’interface utilisateur enrichies avec un système préintégré ou des composants personnalisés. Pour afficher la référence d’API, les conseils d’utilisation et ServiceNow® Générateur d'IU la Composants Next Experience documentation de configuration, consultez la documentation des composants Next Experience du site développeur.
    • Utilisez des modèles et des principes de composants Web courants, tels qu’une infrastructure JavaScript, des données immuables et des gestionnaires d’actions simples.
    • Réutilisez des composants dans plusieurs interfaces utilisateur pour créer une expérience cohérente pour vos utilisateurs finaux.
    • Utilisez des valeurs de propriété prédéfinies pour configurer automatiquement les propriétés et les gestionnaires d’événements d’un composant afin que le composant soit prêt à fonctionner lorsque vous l’ajoutez à une page. Les paramètres prédéfinis peuvent se connecter à un contrôleur qui agit comme une ressource de données pour le composant. Pour plus d'informations, consultez Automatically configure components using presets et Bind data to UI Builder pages using controllers (advanced feature).

    Nouveautés de la version Xanadu

    Tableau 1. Composants
    Composant Description
    Illustration personnalisée Insérez des graphiques vectoriels évolutifs (SVG) en ligne à thème sur une page de l’espace de travail.
    Tableau 2. Ajout d’une documentation pour les composants existants
    Élément d'interface utilisateur Description
    Composant
    Liste de présentation Composant de liste avec des colonnes et des lignes de la table actuelle. L’utilisateur peut trier, filtrer et modifier des éléments dans la table.

    Changements apportés à cette version

    Tableau 3. Composants
    Composant Améliorations
    Badge Option permettant d’activer les nombres partiels et les caractères supplémentaires, y compris le symbole plus « + ».
    Fils d'Ariane Amélioration de l’expérience d’orientation du fil d’Ariane avec option permettant d’activer le menu de débordement.
    Calendrier
    • Emplacement de contenu supplémentaire dans l’en-tête pour ajouter des boutons.
    • Contrôle de la largeur de colonne dans la vue chronologique.
    Case à cocher Fente personnalisable après le bouton d’information pour insérer des éléments supplémentaires.
    Liste de vérification
    • Options de configuration supplémentaires telles que Désactivé, Lecture seule et Non valide.
    • Personnalisation de la taille de la police.
    • Option permettant de configurer un indicateur de champ obligatoire.
    • Une notification d’erreur s’affiche lorsque l’utilisateur tente de soumettre un formulaire avec un champ obligatoire incomplet.
    Date-heure
    • Le fuseau horaire s’affiche pour les utilisateurs.
    • Option de mise en page horizontale pour le champ d’entrée de date et heure.
    Compositeur d'e-mail
    • Amélioration de l’expérience de gestion des brouillons avec les boutons d’action du pied de page et du panneau latéral de l’e-mail.
    • Amélioration de l’expérience de dessin avec une zone de composition plus grande et des améliorations pour économiser de l’espace vertical.
    • Option permettant d’activer le chargement automatique du brouillon le plus récent.
    • Option permettant de supprimer le bouton « Envoyer un e-mail ».
    • Prise en charge des caractères internationaux dans les ID d’e-mail.
    Compositeur d'e-mail (mini)
    • Amélioration de l’expérience de gestion des brouillons avec les boutons d’action du pied de page et du panneau latéral de l’e-mail.
    • Amélioration de l’expérience de dessin avec une zone de composition plus grande et des améliorations pour économiser de l’espace vertical.
    • Option permettant d’activer le chargement automatique du brouillon le plus récent.
    • Option permettant de supprimer le bouton « Envoyer un e-mail ».
    • Prise en charge des caractères internationaux dans les ID d’e-mail.
    Formulaire Prise en charge de 2 formulaires ou plus sur une page.
    Remarque :
    Si vous souhaitez ajouter un formulaire à une page héritée avec un formulaire existant, consultez la documentation sur la configuration UIB du formulaire.
    Valeur en surbrillance Amélioration de l’affichage du texte long grâce à la fonctionnalité d’habillage de texte.
    Entrée Fente personnalisable après le bouton d’information pour insérer des éléments supplémentaires.
    Carte de nœud Dans la disposition hiérarchique :
    • Nœuds mobiles sur la carte.
    • Panneau de contrôle personnalisable.
    • Connexions de nœuds personnalisables dans de nouveaux nœuds.
    • Amélioration de la redisposition dans les niveaux de zoom plus élevés du navigateur.
    • Prise en charge de la mise en pause de l’actualisation (nouvelle mise en page) de la mise en page de la carte des nœuds.
    Case d'option Fente personnalisable après le bouton d’information pour insérer des éléments supplémentaires.
    Sélectionner Fente personnalisable après le bouton d’information pour insérer des éléments supplémentaires.
    Zone de texte Fente personnalisable après le bouton d’information pour insérer des éléments supplémentaires.
    Activer/désactiver Fente personnalisable après le bouton d’information pour insérer des éléments supplémentaires.
    Suggestion automatique Fente personnalisable après le bouton d’information pour insérer des éléments supplémentaires.
    Suggestion automatique multiple Fente personnalisable après le bouton d’information pour insérer des éléments supplémentaires.

    Informations sur l'activation

    Composants Next Experience est une Now Platform fonctionnalité qui est active par défaut.

    Informations sur l'accessibilité

    Composants Next Experience sont mis à jour à des fins d’accessibilité dans la Xanadu mise en production.
    Composants mis à jour
    Les composants suivants ont été mis à jour pour prendre en charge le niveau AA des Règles pour l’accessibilité des contenus Web (WCAG) 2.1 :
    • Visualisation à 360 degrés [sn-grc-360-degree-visualization]
    • Messagerie d’agent [sn-agent-messaging]
    • Questions et réponses sur l’analyse [sn-nlq-analytics]
    • Calendrier de rendez-vous [now-appointment-calendar]
    • Lecteur audio [sn-audio-player]
    • Carte de crise BCM [sn-bcm-crisis-map-connected]
    • Calendrier [now-calendar]
    • Planification de la capacité [sn-capacity]
    • Assistant de catalogue [sn-catalog-wizard-connected]
    • Popover de messagerie instantanée [now-requestor-chat-popover]
    • Carte du circuit [sn-circuit-map]
    • Message de confirmation [now-confirmation-message]
    • Vue d’ensemble des tableaux de bord du 1er trimestre [sn-dashboards-overview]
    • Composant de l’interface utilisateur de la grille de données [sn-datagrid]
    • Concepteur de visualisation des données [sn-viz-designer]
    • Pipeline DevOps [sn-devops-pipeline]
    • Afficher uniquement le formulaire [now-record-form-section-connected]
    • Compositeur d’e-mail [now-email-client-composer-connected]
    • Carte FAM [sn-fam-map]
    • Présence d’enregistrement de formulaire [now-record-common-record-presence]
    • Entonnoir [sn-va-funnel]
    • Diagramme de Gantt [now-gantt]
    • Carte géographique [sn-geo-map]
    • En-tête Shell de l’application Décisions guidées [sn-gd-app-shell-header]
    • Générateur de décisions guidées [sn-guided-decisions-builder]
    • Expérience de décisions guidées [sn-guided-decisions-card]
    • Mappage intérieur [sn-map-component]
    • Composant de la table de données de mesure [sn-metric-datatable]
    • Carte de nœud [sn-node-map]
    • Sélecteur de blessure OHS [sn-ohs-injury-picker-connected]
    • Formulaire dynamique PaCE pour la saisie de variables [sn-pace-policy-dynamic-form]
    • Créateur de stratégie PaCE [sn-pace-policy-builder]
    • Entrée de politique PaCE [sn-pace-policy-builder-io]
    • Générateur de composants PAR [sn-par-component-builder]
    • Sélecteur d’activité Playbook [now-playbook-activity-picker]
    • Formulaire Playbook [now-playbook-experience-form-connected]
    • Politique en tant que contrôle du terrain de jeu de test pour le moteur de code [sn-pace-test-playground-control]
    • Liste de présentation [now-list]
    • Exploration de processus : rapport de détection d’automatisation [sn-promin-automation-discovery-report]
    • Exploration de processus : initiatives d’amélioration [sn-promin-initiatives-connected]
    • Exploration de processus : opportunités d’amélioration [sn-promin-process-findings-connected]
    • Exploration de processus : notes [sn-promin-notes-connected]
    • Exploration de processus : liste de projets [sn-promin-process-list-connected]
    • Exploration de processus : itinéraires [sn-promin-process-routes-connected]
    • Console d’exploration de processus [sn-promin-workbench-connected]
    • Optimisation de processus : carte [sn-promin-process-map-connected]
    • Filtre rapide [sn-quick-filter]
    • Popover de filtre rapide [sn-quick-filter-popover]
    • Sélecteur de référence utilisant le générateur de conditions [sn-pace-policy-reference-selector-cb]
    • Carte thermique des risques [sn-risk-heatmap]
    • Feuille de route [sn-roadmap]
    • Exportation planifiée [sn-par-scheduled-export]
    • Facettes de recherche [sn-search-facets]
    • Entrée de recherche [sn-search-combobox]
    • Couche de résultat de recherche [sn-search-result-wrapper]
    • Vue fractionnée [vue fractionnée]
    • Filtre d’onglet [sn-tab-filter]
    • Planificateur de tâches [sn-task-planner]
    • Conteneur de graphique d’analyse VA [sn-va-slotted-tile]
    • Ensemble de propriétés d’événement d’analyse VA [sn-va-custom-event-props]
    • Score de tendance d’analyse VA [sn-va-score-trend]
    • Plan de pile du lieu de travail [sn-wsd-stackplan]