Rendre Flex les saisies radio et checkbox
J'en avais parlé il y a longtemps, dans le plugin Territoires j'avais besoin de faire des saisies radio ou checkbox sur un nombre important de valeurs. J'ai donc créé une saisie radio_flex et checkbox_flex qui permet de rajouter un conteneur flex pour ranger les valeurs en n colonnes.
Je vous soumets les deux saisies si ça peut intéresser. J'y ai aussi ajouté une option pour extraire la langue nécessaire pour des labels en multi.
[checkbox_flex.html](/uploads/7851e8db74470d823cfc6cb353d57df3/checkbox_flex.html)
[radio_flex.html](/uploads/81b055b275942bea0d395d5ef75a153a/radio_flex.html)
Dans le plugin utilisateur je rajoute les css suivants :
```css
.formulaire_spip .conteneur_choix {
display: flex;
flex-flow: row wrap;
border: 1px solid var(--spip-form-input-border-color);
border-radius: var(--spip-form-input-border-radius);
padding-bottom: var(--spip-form-input-padding-y);
padding-top: var(--spip-form-input-padding-y);
}
.formulaire_spip .conteneur_choix div.choix {border: 0; padding-top: 0; width: 100%;}
.formulaire_spip .conteneur_choix div.choix.col-1 {width: 100%;}
.formulaire_spip .conteneur_choix div.choix.col-2 {width: 50%;}
.formulaire_spip .conteneur_choix div.choix.col-3 {width: 33%;}
.formulaire_spip .conteneur_choix div.choix.col-4 {width: 25%;}
.formulaire_spip .conteneur_choix label.disable {color: rgb(180,180,180);}
```
issue