personnaliser style bouton radio (sur un formulaire)

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

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

    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) :



    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
    Dernière édition par woluweb à 25/12/2020, 23h00
    Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

    Un message d’erreur sur votre site Joomla... ayez le reflexe de consulter la base de connaissance : https://kb.joomla.fr

    Ce forum, vous l'aimez ? Il vous a sauvé la vie ? Vous y apprenez régulièrement ? Alors adhérer à l'AFUJ, l'Association Francophone des Utilisateurs de Joomla : https://www.joomla.fr/association/adherer

  • #2
    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.
    Dernière édition par Eddy.vh à 25/12/2020, 16h35
    woluweb aime ceci.
    Cordialement.
    __
    Eddy !!!
    Tutoriels BreezingForms en Français : https://www.breezingforms.eddy-vh.com/

    Commentaire


    • #3
      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 :


      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
      Présentations : slides.woluweb.be | Coordonnées complètes : www.woluweb.be

      Un message d’erreur sur votre site Joomla... ayez le reflexe de consulter la base de connaissance : https://kb.joomla.fr

      Ce forum, vous l'aimez ? Il vous a sauvé la vie ? Vous y apprenez régulièrement ? Alors adhérer à l'AFUJ, l'Association Francophone des Utilisateurs de Joomla : https://www.joomla.fr/association/adherer

      Commentaire


      • #4
        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.
        Dernière édition par Eddy.vh à 25/12/2020, 20h56
        Cordialement.
        __
        Eddy !!!
        Tutoriels BreezingForms en Français : https://www.breezingforms.eddy-vh.com/

        Commentaire

        Annonce

        Réduire
        Aucune annonce pour le moment.

        Partenaire de l'association

        Réduire

        Hébergeur Web PlanetHoster
        Travaille ...
        X