Pour plus de détails sur tous les éléments et composants, reportez-vous à la section ServiceNow® Site développeur.

Composants de visualisation des données

Le composant de visualisation des données est un conteneur pour les types de graphiques disponibles à utiliser dans Créateur d'espaces de travail les pages d’accueil. Sélectionnez le type de graphique pour afficher les données de différentes manières en fonction de votre application.

Composants de filtre

Les filtres vous permettent de filtrer les visualisations de données sans les modifier. Ajoutez un élément de filtre lorsque vous travaillez avec la page d’accueil dans le canevas. Sélectionnez ensuite une table, un champ et d’autres propriétés pour configurer le filtre. Lorsqu’un utilisateur sélectionne une ou plusieurs valeurs du champ, le filtre s’applique aux visualisations de données basées sur la même source de données.

Composants d’en-tête

Les composants d’en-tête sont disponibles dans les pages d’accueil des espaces de travail. Ajoutez un titre à votre page de destination à l’aide d’un composant d’en-tête.

L’image suivante montre l’en-tête Mon en-tête comme titre d’une page de destination.

Le tableau suivant explique les paramètres du composant d’en-tête.

Tableau 1. Paramètres du composant d’en-tête

Paramètre	Description
Nom de composant	Nom qui s’affiche dans les contrôles de composant au-dessus d’un composant dans le volet Étape. Le nombre maximal de caractères est de 18.
Étiquette	Texte de l’en-tête.
Style	Taille du texte de l’en-tête.
Désactiver l'habillage de texte	Basculez pour renvoyer à la ligne ou non le texte d’en-tête. Si vous configurez le texte d’en-tête sans retour à la ligne et que l’en-tête est plus large que la page de destination, Générateur d'IU la fin de l’en-tête est tronquée et des points de suspension sont ajoutés. Si l’utilisateur élargit la page de destination, une plus grande partie du texte de l’intitulé apparaît.
Masquer la marge inférieure	Basculez pour afficher ou masquer une ligne vide sous le texte de l’en-tête.

Composants d’image

Ajoutez des images à votre page de destination avec un composant d’image.

Lorsque vous faites glisser l’icône du composant d’image ( ) dans le volet d’aperçu, une image de stock apparaît que vous pouvez modifier et redimensionner. Vous pouvez modifier l’image de stock en fournissant l’URL de votre image.

Le tableau suivant explique les paramètres du composant d’image.

Tableau 2. Paramètres du composant d’image

Paramètre	Description
Nom de composant	Nom qui s’affiche dans les contrôles de composant au-dessus d’un composant dans le volet Étape. Le nombre maximal de caractères est de 18.
Texte alternatif	HTML Alt qui étiquette les images afin qu’elles soient conformes aux WCAG.
URL de l'image	URL de l’image.
Ajuster	Contrôle de la taille de l’image. Agrandir pour remplir , effectue un zoom avant ou arrière sur l’image sur les axes X et Y proportionnellement afin que l’image remplisse le conteneur. L’option Étirer pour ajuster effectue un zoom avant sur l’image afin qu’elle remplisse le conteneur, mais que l’image ne s’agrandit pas proportionnellement. Conserver la taille d’origine affiche l’image dans sa taille d’origine, qui peut être plus grande ou plus petite que le conteneur.
Position	Emplacement de l’image dans le conteneur. Par exemple, En bas à droite place l’image en bas à droite du conteneur. Ce paramètre ne fonctionne que lorsque l’image est plus petite que le conteneur.
Hauteur	Hauteur de l’image mesurée par le nombre de pixels de haut. Si cette hauteur est inférieure à la hauteur de l’image, le paramètre coupe le haut de l’image. La largeur n’est pas réduite proportionnellement.

Pour plus d’informations sur les composants d’image, reportez-vous à la section .

Composants de liste

Utilisez un composant de liste pour ajouter des listes à votre page de destination.

Lorsque vous faites glisser l’icône du composant de liste ( ) dans le volet d’aperçu, un exemple de liste s’affiche.

La table suivante explique les paramètres du composant de liste. Utilisez l’image précédente pour l’emplacement des valeurs de paramètre dans le composant de liste.

Tableau 3. Lister les paramètres de composant

Paramètre	Description
Nom du composant	Nom qui s’affiche dans les contrôles de composant au-dessus d’un composant dans le volet Étape. Le nombre maximal de caractères est de 18.
Titre de liste	Titre de votre liste.
Table	Table de base de données d’où proviennent les enregistrements qui apparaissent dans la liste.
Requête	Bouton utilisé pour ouvrir le générateur de conditions, qui vous permet de filtrer les enregistrements inclus dans la liste. Par exemple, vous pouvez afficher uniquement les enregistrements de liste de la table qui répondent aux conditions : Actif est vrai et Priorité est 1 – Critique. Le badge et l’icône de décompte ( ) indiquent le nombre de filtres appliqués. S’il n’y a pas de badge, il n’y a pas de filtre.
Colonnes	Nombre de colonnes que vous spécifiez pour apparaître dans la liste à la place des colonnes par défaut. Utilisez le paramètre plusieurs fois pour afficher plusieurs colonnes.
Lignes max.	Nombre maximal de lignes que vous spécifiez pour figurer dans la liste. La valeur par défaut est 5. Le maximum est de 100.
Nombre max. de colonnes	Nombre maximal de colonnes que vous spécifiez pour apparaître dans la liste. La valeur par défaut est 5. Si le nombre de colonnes est supérieur à la valeur de ce paramètre, seules les premières colonnes apparaissent.
Masquer l'en-tête	Activez/désactivez pour afficher ou masquer l’en-tête de la liste.
Masquer le titre	Activez/désactivez l’affichage ou le masquage du titre de la liste.
Masquer le badge avec le nombre d’enregistrements	Activez/désactivez pour afficher ou masquer le badge de la liste et le nombre d’enregistrements. Ce nombre correspond au nombre total d’enregistrements dans la liste. Seuls certains enregistrements peuvent être affichés dans l’affichage actuel.
Masquer le bouton d'actualisation	Activez/désactivez cette option pour afficher ou masquer le bouton d’actualisation.
Masquer le texte « Dernière actualisation »	Activez/désactivez l’affichage ou le masquage du texte « Dernière actualisation ».
Masquer les liens	Basculez pour que les valeurs de la colonne Nombre soient liées ou non. S’il ne s’agit pas de liens, le texte du numéro est noir. Dans l’image suivante, les chiffres en noir ne sont pas des liens. Les chiffres en vert sont des liens.
Masquer le pied de page « Afficher tout »	Basculez pour afficher ou masquer le lien « Afficher tout » dans le pied de page.
Masquer les valeurs mises en surbrillance	Activez/désactivez pour afficher ou masquer les surbrillances qui ont été configurées pour apparaître dans les champs de liste spécifiés. Pour plus d’informations, voir Mettre en surbrillance les champs de liste dans l’espace de travail.
Masquer l'image de l'état vide	Activer/désactiver pour afficher ou masquer l’image qui s’affiche lorsque les conditions de filtre empêchent tout enregistrement d’apparaître dans la liste. L’intention est d’afficher une réponse afin que les agents se rendent compte que la liste est vide. Vous ne pouvez pas modifier l’image.

Pour en savoir plus sur les composants de liste, reportez-vous à .

Composants de texte enrichi

Ajoutez du texte à votre page de destination à l’aide d’un composant de texte enrichi pour expliquer certaines parties de votre page de destination, par exemple, « Attaquez-vous d’abord à ces incidents de priorité 1 ».

La table suivante explique les paramètres du composant de texte enrichi.

Tableau 4. Paramètres de texte enrichi

Paramètre	Description
Nom de composant	Nom qui s’affiche dans les contrôles de composant au-dessus d’un composant dans le volet Étape. Le nombre maximal de caractères est de 18.
HTML	Éditeur HTML que vous utilisez pour entrer du texte.

Pour en savoir plus sur les composants de texte enrichi, reportez-vous à la section .