Allez plus loin dans la personnalisation des formulaires

Mis à jour le 01 Nov 2023
1 Minute à lire

Imprimer
Sombre
Clair

Résumé de l’article

Avez-vous trouvé ce résumé utile ?

Merci pour votre commentaire

Découvrez comment personnaliser les Champs de Saisie de vos formulaires, vos séparateurs en modifiant leur taille, couleur et en y ajoutant différentes icônes. Personnaliser également vos listes dans le Champ Choix.

Personnalisez l’affichage de vos champs

Allez dans les [Options] du champ à modifier, onglet [Affichage].

personnalisation-affichage-des-champs-bo

Taille de l’élément : vous pouvez choisir entre Normal, Plus grand et Plus petit pour régler la taille de votre champ.
Couleur : une sélection de couleurs vous est proposée, vous n’avez plus qu’à cliquer sur celle de votre choix.
Icône : sélectionnez l’icône que vous souhaitez voir apparaître à côté du nom du champ.
Texte d’aide : vous pouvez saisir une information à l’attention de vos utilisateurs. Pour la consulter ils n’auront qu’à cliquer sur le point d'interrogation .
Enfin, cliquez sur [Valider] pour enregistrer vos paramètres.

Personnalisez vos séparateurs

Allez dans les [Options] de votre séparateur puis dans l’onglet [Affichage].

Dans la liste déroulante "Hauteur", sélectionnez Grand, Moyen ou Petit afin de définir la taille du séparateur.
Pour changer sa couleur, cliquez sur Couleur de fond et sélectionnez celle de votre choix.
Vous pouvez également sélectionner un icône dans la liste qui vous est proposée.
Enfin, cliquez sur [Valider] pour enregistrer vos paramètres.

affichage-separateurs

Personnalisez vos Champs Choix

Info

Allez sur le site Font Awesome Icons qui vous permettra de choisir votre ou vos icônes (version 4.7.0) à insérer dans vos formulaires.
Cliquez sur l’icône souhaitée et notez le code correspondant à l’icône. Ce code commence toujours par « fa- ».

Notez le code correspondant à l’icône qui commence par « fa-».

Dans votre formulaire, allez dans les options de votre champ choix puis dans l’onglet [Propriétés].
Remplissez le champ « Éléments de la liste (Libellé ou Code:Libellé) » avec vos différents choix.

Remplissez le champ « Eléments de la liste (Libellé ou Code:Libellé) ».