Définir les styles de champ

  • Rversion finale: Australia
  • Mis à jour 12 mars 2026
  • 3 minutes de lecture

    • Les styles de champ vous permettent de déclarer des styles CSS individuels pour un champ dans une liste ou un formulaire.

    Avant de commencer

    Rôle requis : personalize_styles ou admin

    Pourquoi et quand exécuter cette tâche

    Le CSS vous permet de modifier les attributs suivants d’un champ.
    • Changez la couleur.
    • Modifiez les attributs de police (gras, italique, souligné).
    • Modifiez le remplissage et l’alignement du texte.

    Vous pouvez définir des styles de champ pour les tables et les vues de base de données qui sont dans la même portée que le style de champ et pour les autres tables qui ont au moins un champ dans la même portée que le style de champ. Les styles de champ définis pour une table ne s’appliquent pas aux vues de base de données qui incluent la table. Créez des styles de champ distincts pour les vues de base de données.

    Remarque :
    Les styles de champ ne sont pas appliqués aux champs de commentaires et de notes de travail utilisés avec le formateur d’activité. La couleur d’arrière-plan de ces champs peut être définie à l’aide des glide.ui.activity_stream.style.comments propriétés système et glide.ui.activity_stream.style.work_notes situées dans la table sys_properties.

    Procédure

    1. Accédez à la liste des styles du champ de l’une des façons suivantes.
      • Cliquez avec le bouton droit sur l’étiquette du champ sur le formulaire, puis sélectionnez Configurer les styles.
      • Accédez à la Interface utilisateur du système > Styles de champet localisez le champ auquel appliquer un style (administrateur uniquement).
    2. Sélectionnez Nouveau ou sélectionnez le style à modifier.
    3. Complétez le formulaire.
      Champ Description
      Table Table contenant le champ.
      Remarque :
      La liste affiche uniquement les tables et les vues de base de données qui remplissent les protections de champ d’application pour les styles de champ.
      Nom de champ Champ auquel le style s’applique.
      Valeur Valeur exacte ou condition basée sur un script requise pour appliquer le style.
      Remarque :
      La valeur affecte uniquement les styles de champ de liste lorsque le champ n’est pas en lecture seule. La valeur affecte à la fois la liste et les formulaires si le champ est en lecture seule.

      Pour appliquer des styles de champ uniquement aux formulaires, laissez le champ de valeur vide.
      Style Style CSS à appliquer.

      Par exemple, pour rendre l’arrière-plan des champs Catégorie d’incident rouge dans les listes d’enregistrement, avec une taille de police de 24 px et une couleur de texte blanche, saisissez le code suivant.

      background-color:red;
font-size:24px;
color:white;

      Vous pouvez utiliser une condition basée sur un script avec la syntaxe javascript<![CDATA[<script> :]]> dans le champ Valeur pour déterminer si le système doit appliquer un style à un champ de la liste. Si le script évalué renvoie la valeur vrai, le système applique le style à l’élément de liste.

      Le script a accès à l’objet de script current , ce qui vous permet de créer des conditions basées sur les valeurs de champ de l’enregistrement actuel. Par exemple, ce script recherche les éléments en retard en fonction d’une valeur de champ :
       javascript:gs.dateDiff(gs.now(), current.u_datefield.getDisplayValue(), true) < 0
      Remarque :
      Dans cet exemple, current.u_datefield fait référence au nom d’un champ de date personnalisé.
      Le système ne prend en charge qu’une seule entrée javascript :<![CDATA[<script>]]> dans un champ Valeur . Si vous souhaitez entrer plusieurs conditions JavaScript, consolidez les conditions en une seule instruction. Par exemple, au lieu de cette entrée non valide :
      javascript: current.state == "Completed" javascript: current.error_tables > 0
      Consolidez les conditions en une seule instruction telle que :
      javascript: current.state == "Completed" && current.error_tables > 0
    4. Facultatif : Pour ajouter un texte de remplacement pour un style, configurez le formulaire pour ajouter le champ de texte de remplacement.
      Pour les styles tels que l’icône de style VIP, vous pouvez ajouter du texte de remplacement afin que les lecteurs d’écran puissent faire la différence entre le style et le texte.
    5. Sélectionnez Envoyer ou Mettre à jour.