Personnaliser les images d’état vide pouvant être définies sur un thème pour votre thème

Personnalisez les images d’état vide pouvant être lues par défaut pour votre thème et Générateur de thèmes les Next Experience thèmes à l’aide de l’enregistrement d’imagerie du thème.

Avant de commencer

Rôle requis : admin

Procédure

1. Accédez à la Tout > Cadre de travail Now Experience > Thèmes > Thèmes UX.
2. Sélectionnez votre thème dans la table Thèmes UX.
   L’enregistrement de thème UX pour le thème choisi s’affiche.
3. Dans l’onglet Thème de l’application de composition , sélectionnez l’enregistrement Imagerie .
4. À partir de l’enregistrement Style d’imagerie, entrez les crochets de thème d’image à l’état vide suivants dans le champ Style .

   {
       "properties": {
           "--now-illustration--add-attachment-sm--url": "",
           "--now-illustration--add-attachment-md--url": "",
           "--now-illustration--add-attachment-lg--url": "",
           "--now-illustration--add-data-sm--url": "",
           "--now-illustration--add-data-md--url": "",
           "--now-illustration--add-data-lg--url": "",
           "--now-illustration--completed-tasks-sm--url": "",
           "--now-illustration--completed-tasks-md--url": "",
           "--now-illustration--completed-tasks-lg--url": "",
           "--now-illustration--error-sm--url": "",
           "--now-illustration--error-md--url": "",
           "--now-illustration--error-lg--url": "",
           "--now-illustration--first-time-user-sm--url": "",
           "--now-illustration--first-time-user-md--url": ""
           "--now-illustration--first-time-user-lg--url": "",
           "--now-illustration--interrupted-sm--url": "",
           "--now-illustration--interrupted-md--url": "",
           "--now-illustration--interrupted-lg--url": "",
           "--now-illustration--no-data-sm--url": "",
           "--now-illustration--no-data-md--url": "",
           "--now-illustration--no-data-lg--url": "",
           "--now-illustration--no-search-results-sm--url": "",
           "--now-illustration--no-search-results-md--url": "",
           "--now-illustration--no-search-results-lg--url": "",
           "--now-illustration--offline-sm--url": "",
           "--now-illustration--offline-md--url": "",
           "--now-illustration--offline-lg--url": "",
           "--now-illustration--permissions-sm--url": "",
           "--now-illustration--permissions-md--url": "",
           "--now-illustration--permissions-lg--url": "",
           "--now-illustration--unconfigured-sm--url": "",
           "--now-illustration--unconfigured-md--url": "",
           "--now-illustration--unconfigured-lg--url": "",
           "--now-illustration--no-activities-sm--url": "",
           "--now-illustration--no-activities-md--url": "",
           "--now-illustration--no-activities-lg--url": "",
       }
   }

5. Ajoutez votre image personnalisée de l’une des façons suivantes.
   • Ajouter une image à la liste Ressources de style UX.
     1. Dans l’onglet Ressources de style UX , sélectionnez Nouveau.
     2. Sélectionnez l’icône de recherche (icône en regard de l’élément Actif .
     3. Dans la liste Ressources thématiques UX, sélectionnez Nouveau.
     4. Sélectionnez l’icône Gérer les pièces jointes (icône ) pour ajouter une image.
     5. Lorsque la ressource d’image est téléchargée, fermez la fenêtre Pièces jointes.
        Remarque :

        Vérifiez que votre image est au format SVG.
     6. Entrez le nom de fichier de l’actif dans le champ Nom et sélectionnez Soumettre. La ressource est ajoutée à la liste Ressources de style UX.
     7. Sélectionnez et maintenez l’appui (ou cliquez avec le bouton droit de la souris) sur la ressource dans la liste Ressources de style UX, puis sélectionnez Copier sys_id.
     8. Saisissez le sys_id dans le champ Style en utilisant le format suivant : « /uxta/ENTERYOURSYSID.assetx »
   • Ajoutez votre image personnalisée à la table Images [db_images_list.do].
     Remarque :

     Vérifiez que votre image est au format SVG.
     1. Pour obtenir des instructions, consultez Charger une ou plusieurs images.
     2. À partir de l’enregistrement Style d’imagerie, saisissez le nom du fichier image dans le champ Style en utilisant le format suivant : « /FILENAME.svg ».
6. Sélectionnez Mettre à jour.
   Les images personnalisées apparaissent dans votre thème.
7. Facultatif : Personnalisez les couleurs de vos images d’état vide à l’aide de l’enregistrement de couleur Style UX associé à votre thème pour remplacer les crochets de thème par défaut.

   Pour obtenir un didacticiel étape par étape sur la modification de votre enregistrement couleur de style UX, consultez l’exercice 3, les activités 2 et 3 de l’atelier Next Experience dans la communauté ServiceNow.

   Remarque :

   Il est recommandé d’utiliser les crochets de thème par défaut.