Skip to content

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

radio_flex.html

Dans le plugin utilisateur je rajoute les css suivants :

.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);}