Composants Next Experience

  • Rversion finale: Zurich
  • Mis à jour 31 juil. 2025
  • 8 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 Zurich version.

    Points forts d'Composants Next Experience pour la version Zurich

    • Créez des expériences d’interface utilisateur riches avec un système prédéfini ou des composants personnalisés. Pour afficher la référence de l’API, les conseils d’utilisation et ServiceNow® Générateur d'IU la Composants Next Experience documentation de configuration, consultez le document Composants Next Experience du site développeur.
    • Utilisez les modèles et principes courants des composants Web, tels qu’un cadre de travail JavaScript, des données immuables et des gestionnaires d’actions simples.
    • Réutilisez les 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 pour 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 Zurich

    Tableau 1. Composants
    Composant Description
    Texte de carrousel Effectue une série de messages texte avec des transitions animées. Fournit un retour visuel pendant les états de chargement avec un contenu de message personnalisable.
    Navigation dans le catalogue Permet aux utilisateurs d’explorer, de rechercher et de trouver les éléments de catalogue qu’ils souhaitent dans plusieurs catalogues et catégories. Les utilisateurs choisissent un catalogue dans une liste déroulante, puis une catégorie dans un panneau latéral. Une carte sélectionnable pour chaque élément disponible de la catégorie s’affiche dans la vue principale.
    Vue d'ensemble du filtre Fournit un résumé des filtres actuellement appliqués à la page. Principalement utilisé sur la page de liste en combinaison avec le générateur de conditions.
    Menu déroulant Organise plusieurs niveaux d’options au sein d’une structure hiérarchique.
    Icône animée Icône d’étincelle animée qui indique un point d’entrée pour un flux ou un Now Assist événement.
    Now Assist Menu contextuel Fournit des actions telles que la génération de texte, la création de résumés d’incidents ou de tâches, ou l’affinage de contenu.
    Récurrence du calendrier Permet aux utilisateurs de créer et de gérer des événements récurrents avec une fréquence quotidienne, hebdomadaire, mensuelle et annuelle. Les utilisateurs peuvent ajouter des règles supplémentaires telles que des dates d’omission, des exceptions et des validations.
    Tableau 2. Ensemble
    Ensemble Description
    Compositeur de flux d'activité avec boîte de dialogue non modale Lot de composants qui contient toutes les fonctionnalités de la composition du flux d’activité avec la fonctionnalité supplémentaire de fenêtre contextuelle de boîte de dialogue non modale. Pour ajouter des options de boîte de dialogue non modale à l’expérience de composition, remplacez le composant Composition du flux d’activité par ce lot de composants.

    Changements apportés à cette version

    Tableau 3. Composants
    Composant Amélioration
    Flux d'activité
    • Prise en charge de la traduction dynamique pour les e-mails dans Flux d’activité
    • Les événements montrent l’agent IA en tant qu’auteur pour le compte de l’utilisateur
    • Masquer le titre et déplacer le paramètre Basculer pour composer la ligne d’onglets
    • Présence en direct dans le flux d’activité
    Composition de Flux d'activité

    Productivité accrue des agents en réduisant le temps de défilement et en empilant de manière transparente l’expérience de composition avec Flux d’activité

    Calendrier de rendez-vous
    • Mis à jour Étiquettes de propriété du générateur d’IU et interface utilisateur
    • La date et l’heure remplacent le mini-calendrier
    • Le changement de mois ne sélectionne pas automatiquement la date sélectionnée actuelle
    • Désactiver les catégories
    • Désactiver les dates précédentes et les créneaux indisponibles
    • Afficher la durée de l’événement dans les créneaux d’événements
    • Désactiver la troncature dans les écrans dont la résolution est inférieure à 640 pixels
    Pièces jointes
    • Activer le chargement de plusieurs fichiers
    • Définir des restrictions sur les types et la taille des fichiers
    • Prévisualiser la fenêtre modale de chargement pour afficher les pièces jointes sélectionnées avant le chargement
    • Renommer ou supprimer des fichiers lors de l’aperçu du chargement
    • Chargement en un seul clic pour plusieurs fichiers
    Bouton Activer l’icône d’étincelle animée
    Bouton dénudé
    • Texte d’étiquette multiligne disponible
    • Activer l’icône d’étincelle animée
    Bouton circulaire Activer l’icône d’étincelle animée
    Bouton polysémique Activer l’icône d’étincelle animée
    Calendrier
    • Ajouter plusieurs colonnes dans les vues de chronologie
    • La date et l’heure remplacent le mini-calendrier dans les vues de chronologie
    Carrousel Exposez un badge sur le côté du titre, en ajoutant du texte facultatif et 1 d’une variété de couleurs
    Case à cocher Afficher l’emplacement de l’étiquette avant ou après la case à cocher
    Liste de vérification Taille de contrôle de la liste de vérification
    Date-heure
    • Emplacement configurable pour l’indicateur de champ non enregistré
    • Activer l’habillage du texte de l’étiquette au lieu de la troncature
    Date-heure-intervalle
    • Emplacement configurable pour l’indicateur de champ non enregistré
    • Activer l’habillage du texte de l’étiquette au lieu de la troncature
    Compositeur d'e-mail
    • Activer les mentions d’utilisateurs dans la zone de composition
    • Activer la signature numérique et le chiffrement des e-mails
    • La sélection d’une pastille d’utilisateur affiche la carte de contact utilisateur
    Compositeur d’e-mail mini
    • Option permettant d’accéder à la boîte de dialogue non modale dans une fenêtre contextuelle
    • Activer les mentions d’utilisateurs dans la zone de composition
    • Activer la signature numérique et le chiffrement des e-mails
    • La sélection d’une pastille d’utilisateur affiche la carte de contact utilisateur
    Visionneuse d'e-mail La sélection d’une pastille d’utilisateur affiche la carte de contact utilisateur.
    Commentaire Configurer la limite de caractères dans la zone de texte du composant
    Formulaire
    • Indicateur de champ non enregistré : indicateur non enregistré qui affiche un point noir en regard des noms de champs dont les modifications n’ont pas été enregistrées.
    • Option de masquage du menu contextuel du champ : fournissez aux administrateurs l’accès aux options du menu contextuel des champs masqués.
    • Emballage d’étiquette et limite de largeur : placez des étiquettes de champ sur un retour à la ligne de formulaire au lieu de tronquer lorsque la largeur du conteneur que vous spécifiez est atteinte.
    Présence d'enregistrement de formulaire Sélectionnez l’avatar d’un visionneur actif pour lancer une fenêtre contextuelle de carte client contenant ses informations de contact.
    En-tête Modifiez l’alignement du texte du début au centre, à la fin ou justifiez.
    iFrame Appliquez des pratiques cohérentes et composez du contenu tiers de manière plus sûre en sélectionnant les fonctionnalités disponibles pour l’iFrame.
    Entrée
    • Emplacement configurable pour l’indicateur de champ non enregistré
    • Activer l’habillage du texte de l’étiquette au lieu de la troncature
    Mot de passe d'entrée
    • Emplacement configurable pour l’indicateur de champ non enregistré
    • Activer l’habillage du texte de l’étiquette au lieu de la troncature
    Numéro de téléphone d'entrée
    • Emplacement configurable pour l’indicateur de champ non enregistré
    • Activer l’habillage du texte de l’étiquette au lieu de la troncature
    URL d'entrée
    • Emplacement configurable pour l’indicateur de champ non enregistré
    • Activer l’habillage du texte de l’étiquette au lieu de la troncature
    Tableau kanban
    • Maximum de 3 valeurs en surbrillance, 3 à 5 icônes et 1 lien hypertexte pris en charge sur la carte VTB
    • Faire glisser plusieurs cartes sélectionnées à la fois
    Valeur d'étiquette par onglets
    • Définir une largeur fixe au lieu d’un dimensionnement automatique sur le contenu
    • Activer l’habillage du texte de l’étiquette au lieu de la troncature
    Boîte de dialogue sans modèle Par défaut, la boîte de dialogue se redimensionne dynamiquement lorsque l’utilisateur tape au-delà de la hauteur de la boîte de dialogue.
    Carte de nœud
    • Mise en page de type horizontal qui prend en charge toutes les fonctionnalités clés telles que les nœuds personnalisés, l’animation de nœud et tous les types de bordure
    • Comportement d’espacement amélioré pour les mises en page qui améliore l’utilisation de l’espacement
    • Exposer le nœud unifié dans le générateur d’IU
    • Graphes de connaissances améliorés avec positionnement dynamique des bords, gestion optimisée des étiquettes et mise en évidence intuitive des bords
    Playbook Amélioration de la navigation et de l’interface utilisateur en fonction des commentaires des utilisateurs.
    Sélecteur d’activité Playbook Amélioration de la navigation et de l’interface utilisateur en fonction des commentaires des utilisateurs.
    Sélecteur d’étape Playbook Amélioration de la navigation et de l’interface utilisateur en fonction des commentaires des utilisateurs.
    Générateur de prédicats Configuration pour la lecture seule
    Cases d'option
    • Emplacement configurable pour l’indicateur de champ non enregistré
    • Activer l’habillage du texte de l’étiquette au lieu de la troncature
    Sélectionner
    • Emplacement configurable pour l’indicateur de champ non enregistré
    • Activer l’habillage du texte de l’étiquette au lieu de la troncature
    Bouton Diviser Activer l’icône d’étincelle animée
    Textarea
    • Désactiver la contrainte de hauteur minimale de 64 pixels
    • Emplacement configurable pour l’indicateur de champ non enregistré
    • Activer l’habillage du texte de l’étiquette au lieu de la troncature
    Suggestion automatique
    • Emplacement configurable pour l’indicateur de champ non enregistré
    • Activer l’habillage du texte de l’étiquette au lieu de la troncature
    Suggestion automatique multiple
    • Les pastilles peuvent afficher une info-bulle personnalisée lors du survol
    • Emplacement configurable pour l’indicateur de champ non enregistré
    • Activer l’habillage du texte de l’étiquette au lieu de la troncature
    Tableau 4. Lots
    Ensemble Amélioration
    Liste des enregistrements
    • Afficher la liste par cartes
    • Les champs HTML peuvent être affichés sans balises HTML dans la vue de liste
    • Exporter vers Google Sheets
    • Les images et les icônes s’affichent dans la liste
    • Activer les listes en direct par table
    • Champs HTML défilants et modifiables en ligne

    Informations sur l'activation

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

    Informations sur l'accessibilité

    Pour afficher Composants Next Experience les informations de conformité en matière d’accessibilité, reportez-vous à la section Composants de la section Composants du site Horizon. La vue d’ensemble de chaque composant contient des informations sur l’accessibilité (A11y).