Allez plus loin dans la personnalisation des formulaires

Actualizado en 01 Nov 2023
1 Minuto para leer

Impresión
Oscuro
Ligero

The content is currently unavailable in Spanish. You are viewing the default French version.

Resumen del artículo

¿Te ha resultado útil este resumen?

Gracias por sus comentarios

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é) ».