Configurer un état vide

  • Rversion finale: Xanadu
  • Mis à jour 1 août 2024
  • 4 minutes de lecture
  • Configurez un état vide pour informer les utilisateurs qu'une page ne contient actuellement pas de données. Ajoutez une image, un texte et des boutons pour personnaliser l'état vide et améliorer l'expérience utilisateur.

    Avant de commencer

    Que vous créiez un état vide par défaut ou spécifique, les éléments suivants peuvent être nécessaires si vous envisagez d'afficher une image ou un bouton :

    • Une image de la table Pièces jointes [sys_attachment].
    • Actions de boutons définies de la table Fonction [sys_sg_button]. Pour plus d'informations, voir Configurer un bouton SMART.

    Rôle requis : admin

    Pourquoi et quand exécuter cette tâche

    Cette tâche explique comment configurer un état vide par défaut utilisé dans tous les écrans. Pour plus d'informations sur la façon de personnaliser des états vides pour des écrans spécifiques, consultez les rubriques suivantes :

    Procédure

    1. Créez une carte, qui est le réceptacle dans lequel vous définissez les éléments d'état vides et leurs attributs.
      1. Dans l'interface utilisateur basée sur le Web, entrez sys_sg_view_config.list dans le navigateur de filtre.
      2. Sélectionnez Nouveau pour créer une carte.
      3. Renseignez les champs du formulaire.
        Tableau 1. Formulaire de carte
        Champ Valeur
        Nom Titre de la carte.
        Application Application incluse dans le périmètre associée à cet enregistrement. Ce champ est défini par défaut sur l'application actuelle.
        Description Description facultative de la carte.
        Actifs Option permettant d'activer l'affichage de la configuration de la carte à l'état vide. Pour cette configuration, sélectionnez cette option.
        Table Aucune table n’est nécessaire pour cette carte.
        Modèle de carte La valeur doit être Modèle d'état vide par défaut.
      4. Cliquez avec le bouton droit sur l'en-tête et cliquez sur Enregistrer.
    2. Sélectionnez un élément à ajouter à la carte.
      1. Dans le formulaire Éléments de carte, sélectionnez Nouveau.
      2. Renseignez les champs du formulaire.
        Tableau 2. Formulaire Éléments de carte
        Champ Valeur
        Nom Un titre pour l'élément de carte.
        Carte Ce champ est automatiquement renseigné avec le nom de la nouvelle carte.
        Application Application incluse dans le périmètre associée à cet enregistrement. Ce champ est défini par défaut sur l'application actuelle.
      3. Dans le champ Afficher l’emplacement du modèle , sélectionnez l’icône de recherche de référence ( icône Recherche de référence) et sélectionnez un emplacement de modèle à ajouter à l’élément de carte.
        Nom d'élément Description
        es-image-slot-1 L'élément d'image de l'état vide. Vous ne pouvez utiliser qu'une seule image.
        es-text-slot-1 L'élément d'en-tête du message, qui s'affiche en gras.
        es-text-slot-2 L'élément de corps du message, qui s'affiche dans une police qui n'est pas en gras.
        es-button-slot-1 L'élément de bouton supérieur de l'état vide.
        es-button-slot-2 L'élément de bouton intermédiaire de l'état vide.
        es-button-slot-3 L'élément de bouton inférieur de l'état vide.
      4. Cliquez avec le bouton droit sur l'en-tête et cliquez sur Enregistrer.
    3. Configurez les attributs pour l'élément d'image, de texte ou de bouton que vous avez ajouté dans la carte.
      ÉlémentAction
      Image
      1. Dans le formulaire Attributs d’éléments de carte, sélectionnez Nouveau.
      2. Paramétrez les valeurs suivantes :
        • Nom : utilisez l'icône de recherche de référence et sélectionnez ImageURL.
        • Description : description facultative de l'élément.
        • Valeur : collez la valeur sys_id de l'image de la table Pièces jointes [sys_attachment].
          Remarque :
          Pour localiser la valeur sys_id d'un élément, cliquez avec le bouton droit sur le nom de l'élément et sélectionnez Copier sys_id.
      3. Sélectionnez Soumettre.
      Texte
      1. Dans le formulaire Attributs d’éléments de carte, sélectionnez Nouveau.
      2. Paramétrez les valeurs suivantes :
        • Nom : utilisez l'icône de recherche de référence et sélectionnez TextValue.
        • Description : description facultative de l'élément.
        • Valeur à traduire : entrez le texte du bouton. Ce texte est traduit si une traduction de l'interface utilisateur existe.
      3. Sélectionnez Soumettre.
      Bouton
      Remarque :
      Les éléments de bouton nécessitent la configuration des attributs TextValue et Bouton.
      1. Dans le formulaire Attributs d’éléments de carte, sélectionnez Nouveau.
      2. Paramétrez les valeurs suivantes :
        • Nom : utilisez l'icône de recherche de référence et sélectionnez TextValue.
        • Description : description facultative de l'élément.
        • Valeur à traduire : entrez le texte du bouton. Ce texte est traduit si une traduction de l'interface utilisateur existe.
      3. Sélectionnez Envoyer.
      4. Dans le formulaire Attributs d’éléments de carte, sélectionnez Nouveau.
      5. Paramétrez les valeurs suivantes :
        • Nom : utilisez l'icône de recherche de référence et sélectionnez Bouton.
        • Description : description facultative de l'élément.
        • Valeur : collez la valeur sys_id de l'image de la table Fonction [sys_sg_button].
          Remarque :
          Pour localiser la valeur sys_id d'un élément, cliquez avec le bouton droit sur le nom de l'élément et sélectionnez Copier sys_id.
      6. Sélectionnez Soumettre.

      Les éléments de bouton peuvent également inclure les attributs facultatifs suivants : BackgroundColor, BorderColor et TextColor. Vous pouvez définir des couleurs autres que les paramètres par défaut d'un bouton en fournissant un nom de couleur de thème (par exemple, primaire) ou une valeur de couleur RVB (par exemple, #8a8a8a).

    4. Facultatif : Ajoutez un autre élément de carte, puis ajoutez des attributs supplémentaires, répétez les étapes 2 et 3.
    5. Liez la carte à l'état vide.
      1. Dans l'interface utilisateur Web, entrez sys_sg_empty_state.list dans le navigateur de filtre pour ouvrir une liste des états vides.
      2. Sélectionnez Nouveau pour créer un état vide.
      3. Renseignez les champs du formulaire.
        Tableau 3. Formulaire États vides
        Champ Valeur
        Nom Titre de votre enregistrement d'état vide. Soit votre état vide par défaut, soit un état vide spécifique à l'écran.
        Application Application incluse dans le périmètre associée à cet enregistrement. Ce champ est défini par défaut sur l'application actuelle.
        Description Description de l'état vide.
        Carte L'enregistrement de carte que vous avez créé.
        Actifs Option permettant d'activer l'affichage de l'état vide.
      4. Sélectionnez Soumettre.

    Résultats

    Un état vide s'affiche sur n'importe quel écran qui ne contient pas de données.