Style & design de formulaire personnalisés

What can you do with custom form styling?

Le style de formulaire personnalisé dans notre générateur de formulaires vous permet de modifier complètement l’aspect et la convivialité de votre formulaire.

Par exemple, vous pourriez souhaiter changer la couleur d’arrière-plan de vos champs en gris, ou définir les contours en bleu. La personnalisation du style vous permet de faire tout cela et bien plus encore.

Les attributs suivants peuvent être facilement configurés à partir de l’éditeur :

• Arrière-plan du conteneur parent
• Opacité de la teinte d’arrière-plan du conteneur parent
• Fond de forme
• Largeur du formulaire
• Marge supérieure du formulaire
• Marge du pied de page du formulaire
• Couleur primaire (affecte les couleurs de la barre de progression et des boutons)
• Couleur du texte du corps
• Couleur d’erreur
• Couleur de l’étiquette
• Couleur du texte
• Couleur d’arrière-plan
• Couleur du bouton
• Couleur du bouton sélectionné
• Couleur du texte du bouton
• Couleur de la bordure du bouton
• Couleur du contour
• Couleur de la radio/case à cocher

Que pouvez-vous faire avec les formulaires CSS ?

Le CSS est un peu plus difficile à utiliser, mais il est encore plus puissant que la configuration personnalisée des styles de formulaires. Avec CSS, vous pouvez adapter le style de votre formulaire à pratiquement tout ce qui vous passe par la tête.

Voici un exemple d’utilisation d’un style CSS pour que tous les éléments CSS de votre formulaire aient une largeur de 100px :

// Sets all text inputs to be 100% wide
input[type=text] {
 width: 100%;
}

Comment styliser un formulaire avec Growform

Pour styliser un formulaire sur Growform, il suffit de cliquer sur le bouton « Thème » sur le côté droit de l’éditeur :

Il vous suffit ensuite de modifier les styles du formulaire autant que vous le souhaitez à l’aide des options de style proposées.