L'alignement de Bouton Radio dans une JSP/JSF, avec son étiquette
Je voudrais atteindre les objectifs suivants dans un JSF1.1 environnement:
Genre: RadioButtonForFemale FEMME RadioButtonForMale MÂLE
<h:panelGroup>
<h:outputLabel for = "searchSex" value = "#{bundle.Sex_Label}" style ="width:15%;">
</h:outputLabel>
<h:selectOneRadio id="searchSex" value="#{yy.search_Sex}" style="verticle-align:top;font-size:95%;color:red;">
<f:selectItem itemLabel="F" itemValue="F" />
<f:selectItem itemLabel="M" itemValue="M"/>
</h:selectOneRadio>
</h:panelGroup>
En fait, tous les bouton radio doit être dans la même ligne que le label (Genre dans notre cas).
Ci-joint mon code actuel. le bouton radio apparaissent dans la ligne suivante. Mon PanelGrid a 1 colonne.
merci,
- Il serait plus facile à comprendre si vous avez mentionné
panelGrid
dans votre code.
Vous devez vous connecter pour publier un commentaire.
En effet, la
<h:selectOneRadio>
génère un<table>
qui est par défaut un HTML élément de bloc (c'est à dire commence toujours sur une nouvelle ligne).Vous aurez besoin de définir le CSS
display
propriétéinline-table
.Mais c'est assez maladroit. Si vous utilisez déjà un
<h:panelGrid>
, je vous recommande juste de définir sacolumns
à2
de sorte que vous pouvez avoir des étiquettes dans la colonne de gauche et les entrées dans la colonne de droite.