Définir les styles de champ

  • Rversion finale: Xanadu
  • Mis à jour 1 août 2024
  • 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 le même champ d’application que le style de champ et pour d’autres tables qui ont au moins un champ dans le même champ d’application 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 Commentaires et 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 propriétés système glide.ui.activity_stream.style.comments 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 de champ du formulaire et sélectionnez Configurer les styles.
      • Accédez à la Interface utilisateur du système > Styles de champet localisez le champ pour appliquer un style (administrateur uniquement).
    2. Sélectionnez Nouveau ou sélectionnez le style à modifier.
    3. Renseignez le formulaire.
      Champ Description
      Table Table qui contient le champ.
      Remarque :
      la liste affiche uniquement les tables et les vues de bases de données qui répondent aux protections de champ d'application pour les styles de champ.
      Nom de champ Le 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 que l’arrière-plan des champs Catégorie d’incident soit rouge dans les listes d’enregistrements, avec une taille de police de 24 px et une couleur de texte blanche, entrez 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 vrai, le système applique le style à l’élément de liste.

      Le script a accès à l’objet de current script, ce qui vous permet de créer des conditions en fonction des 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
      Consolider les conditions en une seule instruction telle que :
      javascript: current.state == "Completed" && current.error_tables > 0
    4. Facultatif : Pour ajouter un texte alternatif pour un style, configurez le formulaire pour ajouter le champ de texte alternatif.
      Pour les styles tels que l’icône de style VIP, vous pouvez ajouter un texte alternatif afin que les lecteurs d’écran puissent différencier le style du texte.
    5. Sélectionnez Envoyer ou Mettre à jour.