[RÉGLÉ] personnaliser style bouton radio (sur un formulaire)

[woluweb]

Bonjour,

J'ai un formulaire (généré par RS Forms) et où je voulais personnaliser le look des boutons radio.

J'avais trouvé ce super codepen (tout ce qu'on trouve ne fonctionne pas forcément parce qu'il faut que la structure HTML correspondent. Dans le cas présent, la balise INPUT est à l'intérieur de la balise LABEL) :

https://codepen.io/chan_aikaze/pen/xxbGVRo

Bref, je pensais avoir trouvé mon Saint-Graal, mais je découvre qu'en fait ça passe sur Chrome et Opera p ex, mais par sur Firefox.

Est-ce que vous auriez une idée de solution, ou une alternative pour styler les boutons radio ?

Merci !

Marc

[Eddy.vh]

Salut Marc woluweb .

En effet, ça foncitonne pas sur Firefox.

Pour le formatage d'éléments de formulaires, je te suggère de faire tes recherches sur "appearance: none;", ça permet de masquer l'apparence initiale (celle des browsers) des inputs et autorise un formatage personnel plus aisé.

J'ai déjà bossé là-dessus pour des templates BreezingForms.

J'ai rapidement fait un exemple qu'il te faudrait personnaliser.

Joyeux Noël à tous.

[woluweb]

Merci pour le joli cadeau de Noël Eddy

J'ai du coup pu progresser et j'ai trouvé ceci qui fonctionne sur Firefox également, pour les boutons radios :

https://codepen.io/woluweb/pen/GRjOWba

Note que si dans RSForms le texte du Label était mis entre <span>, ce serait encore plus cool pcq alors on pourrait même mettre le texte en couleur p ex...
Dis-moi si tu vois d'autres améliorations à apporter !

En fait, pour ton info, c'est la première fois que j'utilise d'initiative une extension de formulaire...
Mon objectif était de créer un formulaire de don en ligne et de pouvoir le coupler
- à Mollie pour le paiement one-shot et le paiement récurrent
- à SalesForce, le CRM de l'association
- et à MailChimp
Grâce à RO Payments, on peut connecter RSForms à Mollie.

Est-ce tu as connaissance que ce serait possible aussi avec Breezing ?
Si tu veux à l'occasion je te montre la config sur RSForms

[Eddy.vh]

Marc.

Hormis Mollie, que je ne connais pas, tout ce dont tu parles est possible avec BF, même colorer le label du bouton radio coché avec un petit peu de Javascript.

Pour les extras, mailchimp, SalesForce, il me semble que tu nécessites toutefois une licence.