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


---

# Utilisation des widgets du portail

# Utilisation des widgets du portail {#ariaid-title1}

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

Les widgets définissent le contenu des pages de votre portail. Vous pouvez utiliser les widgets du système de base fournis avec Portail de services, cloner et modifier les widgets, ou développer des widgets personnalisés pour répondre à vos propres besoins.

Lorsque vous créez ou mettez à jour une page dans le Portail de services Concepteur, vous pouvez facilement ajouter des widgets en effectuant une recherche dans le filtre de widget et en faisant glisser un widget sur la page. Vous pouvez également accéder à tous les enregistrements de widgets à partir de la plateforme à l'adresse ToutPortail de servicesWidgets.

## Widgets de système de base {#service-portal-widgets__section_p2q_ysl_pwb}

Vous pouvez utiliser les widgets du système de base inclus Portail de services avec pour commencer à configurer les pages du portail. Les widgets du système de base sont en lecture seule afin que vous puissiez profiter des futures mises à jour. Toutefois, pour chaque instance d'un widget du système de base que vous ajoutez à une page, vous pouvez configurer les options d'instance disponibles pour ce widget.

Pour obtenir la liste des widgets du système de base et des informations sur leurs options d'instance, reportez-vous au [Bibliothèque de widgets](https://servicenow-prod.fluidtopics.net/ApZEJA2woGQs5M0kzJXmwQ "Vous pouvez utiliser les widgets du système de base tels quels dans votre Portail de services ou les cloner en fonction des besoins de votre entreprise.").

## Instances de widget {#service-portal-widgets__section_lwh_5ll_pwb}

Lorsque vous ajoutez un widget à une page à l'aide du concepteur de portail de services, il crée une instance de widget. Une instance de widget est une référence à un widget qui contient un emplacement, des propriétés et des CSS spécifiques à cette instance. L'ajout du même widget plusieurs fois à la même page crée plusieurs instances.

Toutes les instances de widget pointent vers un widget. Si vous modifiez ce widget, toutes ses instances de widget reçoivent également ce changement. Vous pouvez également apporter des modifications spécifiques à une instance de widget, et seule cette instance de widget est affectée.

Par exemple, l'image suivante inclut quatre instances du système [Widget de lien d'icône](https://servicenow-prod.fluidtopics.net/PzEGYD~S8_bGC_i8lJNbcw "Lien vers n’importe quel autre élément. Vous pouvez utiliser ce widget du système de base tel quel dans votre portail ou le cloner en fonction de vos besoins professionnels.") de base avec différentes configurations spécifiques à chaque instance.  
Figure 1. Widgets de liens d'icônes  
Remarque :  
Pour les widgets qui ne contiennent aucune information par défaut, vous devez configurer les options de leurs instances de widget avant qu'elles n'apparaissent sur une page de portail.

## Menu contextuel du widget {#service-portal-widgets__section_rnp_kb5_lwb}

À partir de n'importe quelle page du portail de services rendue, vous pouvez CTRL + cliquer avec le bouton droit sur un widget pour afficher plus d'options de configuration dans un menu contextuel.

Par exemple, accédez à Portail de servicesAccueil du Portail de services pour ouvrir un exemple de page de portail. CTRL + clic droit sur Base de connaissances sur cette page.  
Figure 2. Menu contextuel du widget  
Remarque :  
Vous devez disposer du rôle administrateur ou sp_admin pour voir le menu contextuel du widget. Lorsque vous empruntez l'identité d'un utilisateur sans l'un de ces rôles, vous pouvez toujours voir le menu. Cependant, un utilisateur régulier connecté sans ces rôles ne peut pas voir le menu.  
{#service-portal-widgets__table_tll_jp2_5y__entry__2}

| Option | Description |
|-|-|
| Performance de widget | Combien de temps faut-il à un widget pour se charger ? |
| Options d'instance | Spécifiez une [instance d'un widget](https://servicenow-prod.fluidtopics.net/XU4kaTs40cK30SLWqurY1g "Créez des instances uniques de widgets en configurant les options de chaque instance."). Les options d'instance de widget varient en fonction du widget que vous sélectionnez. Par exemple, les options d'instance pour le widget d'horloge cool incluent différents fuseaux horaires pour chaque instance, de sorte que vous pouvez avoir la même horloge quatre fois sur une page, mais avec tous des fuseaux horaires différents. |
| Instance dans l'éditeur de page | Ouvre cette instance du widget dans l'éditeur de page |
| Créateur de page | Ouvre le widget dans le concepteur de [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."), qui vous permet d'ajouter des conteneurs, des colonnes et des widgets. Vous pouvez ajouter un style à partir du concepteur de portail de services au widget ou à la page sur laquelle le widget se trouve. |
| Afficher les personnalisations de widget | Affiche les niveaux de personnalisation des widgets sur la page afin que vous puissiez diagnostiquer les problèmes de page. Pour plus d'informations, consultez [Diagnostics des widgets](https://servicenow-prod.fluidtopics.net/rrio8phEBzDtb4pLxSZNcg "Résolvez les problèmes de page Portail de services en identifiant les niveaux de personnalisation des widgets et en vérifiant le code du widget directement sur une page du portail."). |
| Modifier l'arrière-plan du conteneur | Modifiez la mise en page dans laquelle se trouve le widget. |
| Schéma des options de widget | Définissez les options que vous pouvez sélectionner pour une instance d'un widget. Pour plus d'informations sur la configuration de vos propres options d'instance, reportez-vous à la section [Schéma de l'option de widget](https://servicenow-prod.fluidtopics.net/sMhU1hJsD7jy83HgaYN6_A#c_WidgetInstanceOptions "Les instances de widget permettent aux utilisateurs de configurer de façon unique chaque widget qu’ils ajoutent à une page. Utilisez le schéma d’option pour définir les paramètres de votre widget."). |
| Widget dans une fenêtre contextuelle | Ouvre le formulaire de widget dans une fenêtre contextuelle afin que vous puissiez apporter des changements rapides au widget. |
| Widget dans l'Éditeur | Ouvre le widget dans l'éditeur de widget. Vous pouvez utiliser l'éditeur de widget pour configurer des modèles HTML, CSS, des scripts clients, des scripts de service et des données de démonstration pour le widget. |
| Connectez-vous à la console : $scope.data | L'objet $scope.data transmet les données du serveur au contrôleur côté client. Au lieu d'ajouter des messages ou des alertes console.log dans le code du contrôleur, vous pouvez enregistrer l'objet $scope.data sur la console du navigateur et y afficher les données. |
| Se connecter à la console : $scope | Similaire à l'objet $scope.data, sauf qu'il consigne tout ce qui se trouve dans $scope à la console. |
[Tableau 1. Options du menu contextuel de widget]

{#service-portal-widgets__table_tll_jp2_5y}

## Widgets personnalisés {#service-portal-widgets__section_np5_zml_pwb}

Les widgets du système de base sont en lecture seule afin que vous puissiez profiter des futures mises à jour. Pour apporter des modifications, vous pouvez cloner des widgets du système de base. Cependant, les widgets clonés sont considérés comme des widgets personnalisés et ne bénéficient pas des futures mises à jour apportées aux widgets à partir desquels ils ont été clonés. Vous pouvez également créer des widgets à partir de zéro. Pour en savoir plus sur le clonage ou la création de widgets, reportez-vous à la section [Développement de widgets personnalisés](https://servicenow-prod.fluidtopics.net/x1PuGjBpSODEBCwyskR46Q "Développez des widgets personnalisés pour les portails à l’aide d’AngularJS, de Bootstrap et de l’API ServiceNow .").
* **[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.
* **[Bibliothèque de widgets](https://servicenow-prod.fluidtopics.net/ApZEJA2woGQs5M0kzJXmwQ)**   
  Vous pouvez utiliser les widgets du système de base tels quels dans votre Portail de services ou les cloner en fonction des besoins de votre entreprise.