Personnaliser les couleurs des boutons de segment dans la zone de contrôle segmentée

  • Rversion finale: Yokohama
  • Mis à jour 30 janv. 2025
  • 1 minute de lecture
  • Personnalisez la couleur des boutons de segment pour aider les utilisateurs à identifier un bouton de segment sélectionné. Par exemple, utilisez une couleur plus foncée pour indiquer qu'il s'agit d'un bouton sélectionné.

    Avant de commencer

    Rôle requis : admin

    Procédure

    1. Accédez au formulaire Modèle de carte.
      1. Dans l'interface utilisateur basée sur le Web, entrez sys_sg_form_screen.list dans le navigateur de filtre.
      2. Sélectionnez l’écran d’enregistrement qui contient le segment d’écran dynamique que vous souhaitez configurer.
      3. Sélectionnez l'onglet Segments d'écran d'enregistrement et sélectionnez l'icône d'information ( icône d'informations.) à côté de l'écran incorporé contenant un segment d'écran d'enregistrement dynamique.
      4. Sélectionnez Ouvrir l'enregistrement dans le menu.
      5. Dans le champ Flux de listes de segments dynamiques, sélectionnez l'icône d'information ( icône d'informations.) et sélectionnez Ouvrir l'enregistrement.
      6. Sélectionnez la configuration de l’élément M2M de flux de listes à utiliser pour la section dynamique.
      7. Dans le champ Carte du formulaire Configuration d’élément de liste, sélectionnez l’icône d’informations ( icône d’informations.) et sélectionnez Ouvrir l’enregistrement.
    2. Dans le formulaire Modèle de carte, sélectionnez l’icône de menu (icône Menu),puis sélectionnez Configurer > Mise en page.
    3. Dans le formulaire Configuration du Modèle de carte, sélectionnez l'élément JSON d'attribut de la vue racine et déplacez-le vers la zone sélectionnée.
      L'élément JSON d'attribut de la vue racine s'affiche dans le formulaire Modèle de carte.
    4. Sélectionnez Enregistrer.
    5. Définissez l'apparence d'un segment sélectionné dans le contrôle segmenté en collant le code JSON suivant dans le champ JSON d'attribut de la vue racine du formulaire Modèle de carte.
      {
      "OnSelect":
         {
           "BackgroundColor" : "Primary",
           "TextColor": "#FFFFFF"
         }
      }
    6. Facultatif : Si les valeurs standard primaires, secondaires ou destructives ne correspondent pas à votre schéma de couleurs, modifiez les valeurs par défaut pour la couleur d'arrière-plan et la couleur du texte en fournissant des valeurs de couleur hexadécimales.
    7. Cliquez avec le bouton droit sur l'en-tête et cliquez sur Enregistrer,