Page 1 sur 1
Bouton radio

Publié:
08 Déc 2009 à 09:16
par Tiyan
Bonjour,
J'ai créé un champ de type bouton radio dans un masque et j'aimerai que les libellés de chaque choix soit au dessus plutot qu'a droite du rond a cocher.
Je n'ai rien trouvé dans les options du champs mais j'imagine qu'il doit y avoir une solution.
Comment dois je proceder?

Publié:
08 Déc 2009 à 09:40
par Michael DELIQUE
salut
pas possible directement, dans ce cas il faut traiter le libelle independament

Publié:
08 Déc 2009 à 10:41
par Tiyan
mince
Du coup je fonctionne avec un alias :
|A
|B
|C
|D
|E
Chaque bouton apparait sans libellé et j'ai positionné A B C D E au dessus du champ.
Par contre j'ai un probleme d'alignement entre le libellé et les boutons radio.
Est il possible de gérer l'espacement entre chaque bouton?
Sur le 2eme onglet dans les propriétés du champs j'ai bien une notion d'espacement mais ca ne change rien visuellement en web quand je modifie ces paramètres.
L'idéal serait de pouvoir faire ca sous la forme d'un tableau avec chaque choix dans une colonne et le libellé en en tete de colonne mais je ne vois pas comment placer 1 choix par colonne???

Publié:
16 Déc 2009 à 14:59
par stloje
Tu peux faire une esquisse de ce que tu voudrais comme résultat?

Publié:
16 Déc 2009 à 15:19
par Bidouille
Salut,
Sinon faire tableau masqué avec chaque élément dans chaque cellule.
Une cellule pour le libellé et une pour le bouton radio.
Bon je sais c'est du bricolo

Publié:
16 Déc 2009 à 23:36
par stloje
En utilisant un tableau, tu peux forcer un style sur les cellules.
Donc, tu crée un style qui affectera la cellule, tu lui affectes ce style et ensuite tu ajoutes le libellé que tu veux voir avec son bouton radio.
Ca devrait donner quelque chose comme cela au final (j'ai pas testé) :
[syntax="html"]
<style>
RadioLabelUp {
width: 30px;
text-align: center;
padding: 3px 3px
}
</style>
<table>
<tr>
<td class="RadioLabelUp">A<br><input type="radio" name="MonBoutonRadio_1" value="A">
<td class="RadioLabelUp">B<br><input type="radio" name="MonBoutonRadio_2" value="B">
<td class="RadioLabelUp">C<br><input type="radio" name="MonBoutonRadio_3" value="C">
</tr>
</table>
[/syntax]