---
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


---

# Widget Organigramme

# Widget Organigramme {#ariaid-title1}

* Rversion finale: Xanadu
* 
* Mis à jour 1 août 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 3 minutes de lecture

Le widget Organigramme affiche les employés dans une arborescence par rapport à leur responsable. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.

## À l'aide du widget {#org-chart-widget__section_x1f_mxk_qjb}

Dans le champ de saisie de texte, saisissez ou sélectionnez un utilisateur pour afficher son responsable et ses subordonnés. Le widget utilise les informations de l'enregistrement Utilisateur \[sys_user\] pour afficher la hiérarchie de l'organisation par rapport à l'utilisateur sélectionné.

Cliquez sur une carte pour ouvrir la page de profil de cet utilisateur. Pour reconfigurer le lien de la carte, changez l'URL ou la page dans les options d'instance de widget.

Vous pouvez faire glisser des cartes individuelles pour réorganiser le graphique.

Vous pouvez effectuer un zoom avant ou arrière sur la vue du graphique en cliquant sur les icônes de loupe ou en faisant défiler.

## Options d'instance {#org-chart-widget__section_e2r_nxk_qjb}

Utilisez les options d'instance pour configurer le widget Organigramme d'une page de portail.  
Remarque :  
Il n'y a aucune valeur valide pour plusieurs options d'instance. Par défaut, vous ne pouvez définir que les options d'instance suivantes :

* Couleur d'arrière-plan de l'utilisateur
* Couleur d'arrière-plan du nœud
* URL
* Page
{#org-chart-widget__ul_njv_kmy_qjb}
{#org-chart-widget__table_mtf_cyk_qjb__entry__2}

| Champ | Description |
|-|-|
| Données ||
| Champs de carte | Champs de l'enregistrement utilisateur qui apparaissent sur chaque carte. Par défaut, chaque carte affiche le nom, le titre, le département, l'adresse e-mail, le téléphone et l'emplacement de chaque utilisateur. Il n'y a aucune valeur valide que vous pouvez saisir dans ce champ. |
| Présentation ||
| Couleur d'arrière-plan de l'utilisateur | Couleur de la carte utilisateur. Utilisez des noms de couleur ou des codes de couleur hexadécimaux. Par exemple, vous pouvez saisir <kbd class="ph userinput">rouge</kbd> ou <kbd class="ph userinput">#ff0000</kbd>. La couleur d'arrière-plan de l'utilisateur est bleu clair par défaut. |
| Couleur d'arrière-plan du nœud | Couleur des cartes qui s'étendent à partir de la carte d'utilisateur. Utilisez des noms de couleur ou des codes de couleur hexadécimaux. Par exemple, vous pouvez saisir <kbd class="ph userinput">jaune</kbd> ou <kbd class="ph userinput">#ffff00</kbd>. La couleur d'arrière-plan du nœud est azure par défaut. |
| Mise en page de la table | Taille et marge du contenu de chaque carte. Il n'y a aucune valeur valide que vous pouvez saisir dans ce champ. |
| Mise en page des lignes | Alignement du texte dans la carte. Par défaut, le texte est aligné à gauche. Il n'y a aucune valeur valide que vous pouvez saisir dans ce champ. |
| Graphique en courbes | Couleur des lignes qui relient les cartes. Les lignes sont noires par défaut. Il n'y a aucune valeur valide que vous pouvez saisir dans ce champ. |
| Disposition de l'arborescence | Taille, espacement et alignement du graphique. Il n'y a aucune valeur valide que vous pouvez saisir dans ce champ. |
| Mise en page de l'image | Taille de l'espace d'image dans chaque carte. Par défaut, l'espace d'image est de 55x65 pixels. L'image de l'utilisateur est rétrécie ou étirée pour s'adapter à l'espace. Il n'y a aucune valeur valide que vous pouvez saisir dans ce champ. |
| Comportement ||
| URL | Adresse Web de la page qui s'ouvre lorsque vous cliquez sur une carte. Utilisez la partie de l'URL du portail qui fait référence à l'ID de page. Par exemple, pour accéder au Catalogue de services, saisissez <kbd class="ph userinput">?id=sc_category</kbd>. Si ce champ n'est pas renseigné, cliquez sur la carte pour ouvrir la page spécifiée dans le champ Page . Si le champ Page est également vide, cliquez sur la carte pour ouvrir la page de profil d'utilisateur par défaut. |
| Page | Page du portail qui s'ouvre lorsque vous cliquez sur une carte. Utilisez l'ID de page. Si ce champ n'est pas renseigné, cliquez sur la carte pour ouvrir l'adresse Web dans le champ URL . Si le champ URL est également vide, cliquez sur la carte pour ouvrir la page de profil d'utilisateur par défaut. Remarque : Le champ URL remplace le champ Page . Pour spécifier une page plutôt qu'une URL , laissez le champ URL vide. |
[ ]

{#org-chart-widget__table_mtf_cyk_qjb}
**Tâches associées**   

* [Créer et modifier une page à l'aide de Designer Portail de services](https://servicenow-prod.fluidtopics.net/57axVLFXZcK0n_U2Qwfjdg#t_ConfigureAPage "Créez ou modifiez une page et utilisez des mises en page pour organiser les colonnes qui hébergent les widgets.")
* [Configurer les instances de widget](https://servicenow-prod.fluidtopics.net/XU4kaTs40cK30SLWqurY1g "Créez des instances uniques de widgets en configurant les options de chaque instance.")
* [Cloner un widget](https://servicenow-prod.fluidtopics.net/E9JfwNM2tFq3AVKQBZpDEg "Tirez parti du code existant en clonant et en modifiant un widget existant.")