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

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 Web, saisissez 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’informations ( icône ) en regard de l’écran incorporé qui contient un segment d’écran d’enregistrement dynamique.
   4. Sélectionnez Ouvrir l’enregistrement dans le menu.
   5. Dans le champ Flux de liste de segments dynamiques , sélectionnez l’icône d’informations ( icône ) et sélectionnez Ouvrir l’enregistrement.
   6. Sélectionnez la configuration de l’élément M2M de flux de liste à utiliser pour la section dynamique.
   7. Dans le champ Carte du formulaire Configuration de l’élément de liste, sélectionnez l’icône d’informations ( icône ) et sélectionnez Ouvrir l’enregistrement.
2. Dans le formulaire Modèle de carte, sélectionnez l’icône de menu (icône puis sélectionnez Configurer > Mise en page.
3. Dans le formulaire Modèle de carte de configuration, sélectionnez JSON d’attribut de la vue racine et déplacez-le vers la zone sélectionnée.
   Le JSON d’attribut de la vue racine s’affiche dans le formulaire de modèle de carte.
4. Sélectionnez Enregistrer.
5. Définissez l’apparence d’un segment touché dans le contrôle segmenté en collant le code JSON suivant dans le champ JSON d’attribut de vue racine du formulaire de modèle de carte.

   {
   "OnSelect":
      {
        "BackgroundColor" : "Primary",
        "TextColor": "#FFFFFF"
      }
   }

6. Facultatif : Si les valeurs primaires, secondaires ou destructrices standard ne correspondent pas à votre combinaison de couleurs, modifiez les valeurs par défaut pour la couleur d’arrière-plan et la couleur de texte en fournissant des valeurs de couleur hexadécimales.
7. Cliquez avec le bouton droit dans l’en-tête et sélectionnez Enregistrer,