Bouton radio

[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?

[Michael DELIQUE]

salut

pas possible directement, dans ce cas il faut traiter le libelle independament

[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???

[stloje]

Tu peux faire une esquisse de ce que tu voudrais comme résultat?

[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

[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]