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


---

# Configurer des actions d'interface utilisateur personnalisées dans legacy workspace

# Configurer des actions d'interface utilisateur personnalisées dans legacy workspace {#ariaid-title1}

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

Configurez des actions d'interface utilisateur à personnaliser legacy workspace pour votre organisation. Les actions d'interface utilisateur incluent des boutons personnalisés, des éléments de menu et la limitation de l'accès aux formulaires en fonction du rôle d'un utilisateur.

## Avant de commencer

Rôle requis : workspace_admin

## Pourquoi et quand exécuter cette tâche

Les actions d'interface utilisateur s'affichent sous la forme de boutons de formulaire ou d'éléments de liste dans le menu Action d'interface utilisateur.

Chaque espace de travail est livré préconfiguré avec des actions d'interface utilisateur. Vous pouvez toutefois ajouter ou supprimer des actions d'interface utilisateur préconfigurées.

Vous pouvez masquer les actions d'interface utilisateur pour les personnes qui n'ont pas besoin d'agir sur les enregistrements. Pour plus d'informations, voir [Masquer l'onglet Détails et les actions d'interface utilisateur](https://servicenow-prod.fluidtopics.net/U8v0sl__zXtmp464az62xQ "Masquez l’onglet Détails dans le menu Éléments connexes et les actions d’interface utilisateur pour les personnes qui n’ont pas besoin de voir ce niveau de détail.").

## Procédure

1. Accédez à la ToutDéfinition du systèmeActions d'interface utilisateur et cliquez sur Nouveau.
2. Renseignez les champs du formulaire.  
   Remarque :  
   D'autres champs que ceux de la table suivante apparaissent dans le formulaire, mais ils ne fonctionnent pas dans les espaces de travail. Pour en savoir plus sur chaque champ du formulaire Actions d'interface utilisateur, consultez [Actions d'interface utilisateur](https://www.servicenow.com/docs/access?context=c_UIActions&version=xanadu&pubname=xanadu-platform-administration&ft:locale=en-US).

   |-|-|
   | Nom | Nom de l'action d'interface utilisateur. Cela apparaît dans l'interface utilisateur de l'espace de travail, par exemple, <kbd class="ph userinput">Affecter l’incident à moi.</kbd> |
   | Table | Table à laquelle l'action d'interface utilisateur s'applique. Chaque fois qu'un agent affiche un enregistrement de cette table, cette action d'interface utilisateur s'affiche. |
   | Ordre | Placement dans la liste horizontale des actions d'interface utilisateur. De gauche à droite, les numéros d'ordre vont du plus petit au plus grand. |
   | Nom de l'action | Équivalent du nom qui apparaît dans les journaux et les colonnes de table, par exemple, <kbd class="ph userinput">assign_incident_to_me</kbd> |
   | Actif | Basculez pour faire apparaître l'action d'interface utilisateur. |
   | Afficher l'insertion | Basculez pour insérer le changement d'enregistrement dans la table. |
   | Afficher la mise à jour | Activer/désactiver cette option pour afficher la mise à jour dans la table. |
   | Client | Activez/désactivez cette option pour que le système vérifie les scripts côté client. Il s'agit par défaut de scripts côté serveur. Utilisez l'API [GlideAgentWorkspace](https://www.servicenow.com/docs/access?context=GlideAgentWorkspaceAPI&version=xanadu&pubname=xanadu-api-reference&ft:locale=en-US) dans un script pour ouvrir un enregistrement et Espace de travail un onglet spécifié. |
   | Remplacements | Actions d'interface utilisateur qui remplacent cette action d'interface utilisateur. |
   | Commentaires | Description de cette action d'interface utilisateur. |
   | Conseil | Décrit l'action d'interface utilisateur lorsque la souris survole l'action d'interface utilisateur. |
   | Onclick | Action effectuée avec un clic de souris sur l'action d'interface utilisateur, par exemple, confirmAndDeleteFromForm(). |
   | Condition | Conditions qui doivent être remplies pour que l'action d'interface utilisateur s'affiche, par exemple, `current.isValidRecord() && current.canDelete().` |
   | Script | Script côté serveur qui implémente l'action d'interface utilisateur. |
   | Application | Application à laquelle ce composant s'applique. Global signifie que le composant s'applique à toutes les applications. |
   | Bouton du formulaire | Basculez pour afficher l'action d'interface utilisateur sous forme de bouton dans le panneau de formulaire. |
   | Menu contextuel du formulaire | Basculez pour afficher l'action d'interface utilisateur sous forme d'onglet dans le menu Éléments connexes. |
   | Lien du formulaire | Basculez pour afficher l'action d'interface utilisateur sous forme de lien dans le volet de formulaire. |
   | Style du formulaire | * Primary (Primaire) : colore l'action d'interface utilisateur en bleu. * Destructif (Destructeur) : colore l'action d'interface utilisateur en rouge. * Unstyle (Unstyled) : ne colore pas l'action d'interface utilisateur. {#configure-agent-workspace-ui-actions__ul_ppm_l1r_zjb} |
   | Bouton de bannière de la liste | Basculez pour afficher l'action d'interface utilisateur sous forme de bouton dans la bannière de liste. |
   | Bouton de bas de liste | Basculez pour afficher l'action d'interface utilisateur sous forme de bouton en bas de la liste des enregistrements. |
   | Menu contextuel de la liste | Basculez pour afficher l'action d'interface utilisateur en tant qu'entrée dans le menu contextuel de la liste. |
   | Choix de la liste | Activez/désactivez cette option pour afficher l'action d'interface utilisateur sous la forme d'une liste déroulante de choix dans la vue de liste. |
   | Lien de la liste | Basculez pour afficher l'action d'interface utilisateur sous forme de lien dans la vue de liste. |
   | Style de la liste | * Primary (Primaire) : colore l'action d'interface utilisateur en bleu. * Destructif (Destructeur) : colore l'action d'interface utilisateur en rouge. * Unstyle (Unstyled) : ne colore pas l'action d'interface utilisateur. {#configure-agent-workspace-ui-actions__ul_gfw_3vp_zjb} |
   [ ]

   {#configure-agent-workspace-ui-actions__table_kzl_dwc_2jb}
3. **Facultatif :** Pour créer un script côté serveur qui implémente l'action d'interface utilisateur, saisissez le script dans le champ Script .  
   Par exemple, si vous souhaitez inclure le nom de l'appelant et la brève description dans un incident créé à partir d'un enregistrement d'interaction, vous pouvez utiliser le script suivant qui utilise [GlideRecord](https://www.servicenow.com/docs/access?context=c_GlideRecordClientSideAPI&version=xanadu&pubname=xanadu-api-reference&ft:locale=en-US)

       if(current.update()){
       	var inc = new GlideRecord("incident");
       	inc.newRecord();
       	inc.caller_id = current.opened_for;
       	inc.short_description = current.short_description;
       	action.openGlideRecord(inc);
       }

   Le système ignore les scripts clients inclus dans ce champ. Vous ne pouvez utiliser le champ de script client de l'espace de travail que pour les scripts clients.
4. **Facultatif :** Pour créer un script côté client qui implémente l'action d'interface utilisateur, consultez [Types de scripts clients et API pris en charge](https://servicenow-prod.fluidtopics.net/tXI_Z85feD9_yIA0a1~eYw "Certains scripts clients ne sont pas pris en charge dans Portail de services. Les autres doivent avoir un type d’interface utilisateur défini sur Tout ou Mobile/Portail de services. En cas d’utilisation d’un script client dans , Portail de servicesseules les API côté client prises en charge dans un environnement mobile peuvent être utilisées.") et [Scripts clients et Portail de services](https://servicenow-prod.fluidtopics.net/iHqhkJd51gEcYnK~LA9mrg "Vous pouvez utiliser des scripts clients et des scripts clients de catalogue dans le Portail de services champ Si le type d’interface utilisateur est défini sur Mobile/Portail de services ou Tous. Les scripts clients et les scripts clients de catalogue sont utilisés avec le widget de formulaire et le widget d’élément de catalogue SC, par opposition à un contrôleur client de widget.").  
   Remarque :  
   Dans le formulaire de script client, vous devez sélectionner l'option Isoler le script pour qu'un script client fonctionne dans un legacy workspacefichier .
5. Dans l'onglet Espace de travail , sélectionnez : Bouton de formulaire d'espace de travail pour faire apparaître l'action d'interface utilisateur sur la ligne des actions d'interface utilisateur ou Menu de formulaire d'espace de travail pour l'afficher en tant qu'élément de liste dans la liste de menu.  
   * Formulaire d'espace de travail Bouton permettant de faire apparaître l'action d'interface utilisateur dans la liste des actions d'interface utilisateur.
   * Menu du formulaire d'espace de travail pour faire apparaître l'action d'interface utilisateur comme un élément de liste dans le menu associé aux actions d'interface utilisateur.
   * Le format de l'espace de travail configurable permet à l'action d'interface utilisateur d'apparaître dans les espaces de travail configurables.  
     Remarque :  
     Pour les nouvelles actions d'interface utilisateur, si un utilisateur sélectionne le bouton du formulaire d'espace de travail ou le menu du formulaire d'espace de travail, cette propriété est automatiquement sélectionnée.
     * Si un utilisateur tente de sélectionner le format de l'espace de travail configurable avant de sélectionner le bouton du formulaire d'espace de travail ou le menu du formulaire d'espace de travail, un message d'erreur s'affiche.
     * Si un utilisateur souhaite uniquement que l'action apparaisse dans AWS hérité (non configurable), il doit décocher cette case.
     * Si un utilisateur souhaite qu'une action d'interface utilisateur existante s'affiche dans les espaces de travail configurables, il doit cocher cette case et enregistrer l'enregistrement.
     {#configure-agent-workspace-ui-actions__ul_aw4_lvc_btb}
   {#configure-agent-workspace-ui-actions__ul_pd3_czc_2jb}
6. **Facultatif :** Dans le champ Script client de l'espace de travail , créez un script client spécifique à l'espace de travail.  
   Workspace présente des limitations de scripting client similaires à celles de Portail de services. Par exemple, pour ouvrir un formulaire en cliquant dessus, vous pouvez ajouter le script client suivant :

       function onClick(g_form) {

       }

7. Dans l'onglet Requiert un rôle de la section Espace de travail, ajoutez les rôles auxquels vous souhaitez limiter l'accès à l'action d'interface utilisateur.
8. Cliquez sur Envoyer ou Mettre à jour.
{#configure-agent-workspace-ui-actions__steps_qj1_hjr_jdb}

## Que faire ensuite

Cliquez sur un composant pour le configurer.

|-|-|-|
| * [Onglets](https://servicenow-prod.fluidtopics.net/t8zMmTMOPp5OUp5T8cKoqQ "Permettez aux agents de créer les enregistrements dont ils ont besoin pour effectuer leur travail dans Espace de travail.") * [Notifications](https://servicenow-prod.fluidtopics.net/izfnSsAEiBATZRbt5MoMfw "Envoyez des notifications à un agent ou à un petit groupe d’agents lorsqu’il y a des mises à jour d’enregistrements importants.") * [En-tête de formulaire](https://servicenow-prod.fluidtopics.net/vnoodoX95n5Y2vXmNpuyxg "Configurez le champ primaire et les valeurs secondaires dans les en-têtes de formulaire afin que les agents puissent rapidement s’orienter vers un problème.") * [Actions d'interface utilisateur](https://servicenow-prod.fluidtopics.net/u8DNSR8ofxl3RTLPSvgXdA "Configurez des actions d’interface utilisateur à personnaliser legacy workspace pour votre organisation. Les actions d’interface utilisateur incluent des boutons personnalisés, des éléments de menu et la limitation de l’accès aux formulaires en fonction du rôle d’un utilisateur.") {#configure-agent-workspace-ui-actions__ul_stg_plv_pjb} | * [Ruban](https://servicenow-prod.fluidtopics.net/O4we7wNXOHQjAK6yeemhqw "Configurez des rubans pour legacy workspace aider les agents à analyser rapidement les informations pertinentes sur un enregistrement, telles que la chronologie de l’enregistrement, un résumé du client et les SLA d’enregistrement.") * [Éléments BSM connexes de nouvelle génération](https://servicenow-prod.fluidtopics.net/9Fds2HgtgRK4Wc2SSI~OYA "Configurez les éléments associés à l’enregistrement ouvert afin que les agents puissent mieux comprendre l’enregistrement et son impact.") * [Panneau du formulaire](https://servicenow-prod.fluidtopics.net/bIl0b~qiYY~dS7~~pks_Rw "Sélectionnez les champs qui s’affichent dans le volet de formulaire pour aider les agents à faire leur travail.") * [Actions et composants](https://servicenow-prod.fluidtopics.net/Db3N~_dmbwFGPo5uSDFytA "Interagir avec les formulaires, les champs, les listes et les pages de listes connexes de votre espace de travail en ajoutant des actions personnalisées.") {#configure-agent-workspace-ui-actions__ul_lyk_qlv_pjb} | * [Flux d'activité](https://servicenow-prod.fluidtopics.net/xFsc5NTDleYBgCZq0CYz2A "Configurez les options dont les agents peuvent interagir pour Flux d'activité simplifier leur travail.") * [Panneau latéral contextuel](https://servicenow-prod.fluidtopics.net/zITKaDftKKCWms8wdgXitg "Le panneau latéral contextuel fournit aux agents des outils pour la recherche et la résolution des problèmes. Les différents composants fournissent aux agents différents types d’aide.") {#configure-agent-workspace-ui-actions__ul_hgc_rlv_pjb} |
[ ]

{#configure-agent-workspace-ui-actions__table_dxj_nlv_pjb}

* **[Afficher un composant dans un modal](https://servicenow-prod.fluidtopics.net/AoCcUJ57pyx8Ym_Ouqbn1Q)**   
  Utilisez une action d'interface utilisateur pour lancer un composant personnalisé dans un modal afin qu'un agent n'ait pas à naviguer vers un autre écran pour accomplir une tâche.
* **[Fermer l'onglet et enregistrer et fermer les actions d'interface utilisateur de l'onglet](https://servicenow-prod.fluidtopics.net/7Xh2s~bd3ooeJT1S7bkBFg)**   
  Utilisez la méthode closeRecord() pour fermer un onglet, ou enregistrez et fermez un onglet.
* **[Actions d'interface utilisateur de groupe dans legacy workspace](https://servicenow-prod.fluidtopics.net/5k3_eIE1SgCbECd3AB9aXg#group-ui-actions-workspace)**   
  Définissez un groupe d'une ou de plusieurs actions d'interface utilisateur pour personnaliser les actions dans le menu d'en-tête de formulaire.