selectOneRadio in several columns...

[Daniel Rickardsson]

Hi!

I wonder if anyone know how to get this layout(one column for the radio and a corresponding component in the same column but in the row beneath) for a selectOneRadio and any corresponing UIComponent?!

Here is what I mean:
radio1 | radio2 | radio3
text1 | text2 | text3

I early read a solution from Rajeev Ravindran where he fixed one row for each radio and a corresponing UIComponent in the other column, like this:
radio1 | text1
radio2 | text2
radio3 | text3

The solution was with panelGroup and panelGrid... but I don't fix it.

Please come back if anyone have a solution.

/Daniel.

[Bagwan Mehrat]

I don't know how to do this with regular JSF, but if you're using MyFaces, I believe Tomahawk's radio tag can do this. There's information on http://wiki.apache.org/myfaces/Radio

[Rajeev Ravindran]

not sure if this is what you are looking for ! i didnt like the alignment though.

    
<h:panelGroup>
<h:panelGrid columns="1"> 
<h:panelGrid columns="1" cellspacing="5">
<h:selectOneRadio disabledClass="selectOneRadio_Disabled"
styleClass="selectOneRadio" id="radio1" layout="lineDirection">
<f:selectItem itemValue="1" itemLabel="answer1" />
<f:selectItem itemValue="2" itemLabel="answer2" />
<f:selectItem itemValue="Value2" itemLabel="answer3" />
</h:selectOneRadio>
</h:panelGrid>
<h:panelGrid columns="3"> 
<h:inputText value="text1" size="15"/>
<h:inputText value="text2" size="15"/>
<h:inputText value="text3" size="15"/>
</h:panelGrid>
</h:panelGrid>
</h:panelGroup>

Thanks,
Rajeev
[ April 19, 2006: Message edited by: Rajeev Ravindran ]

[Daniel Rickardsson]

Thanks for your reply!

But yes, the alignment seem's to be the problem... isn't there any way to "force" each radio to correspond to the underlaying inputText?!

/Daniel.

[Daniel Rickardsson]

Also thanks for your link to myFaces... but i'm using regular JSF technology and looking for a solution from that.
/Daniel.