separating <h:selectOneRadio> component

[rsen_nat]

Hi all,

Found aboove is my design specification. I need to separete selectOneRadio button and to have text between them.

How to achieve this?

Here comes my code snippet:

<h:panelGroup>
<h:panelGrid columns="2">
<h:panelGrid columns="1">
                                                    <h:selectOneRadio
                    style="color:black;"
                    value="#{backing_projectdashboard.projectOption}" layout="pageDirection">
                    <a4j:support action="#{backing_projectdashboard.optionChangeAcion}"
                        event="onchange" limitToList="true" />
                    <f:selectItem itemLabel="Content Site" itemValue="1" />
                    <f:selectItem itemLabel="E-Commerce Site" itemValue="2" />
                </h:selectOneRadio>
</h:panelGrid>
<h:panelGrid columns="1">
<h:outputLabel value="This site is mainly intended to provide information about your business. You will not be able to sell products online."/>
<h:outputLabel value="This site allows your business to sell products and accept payments online."/>
</h:panelGrid>
</h:panelGrid>
</h:panelGroup>

As of now i am using this... But i am not getting desired result as specification. Please anyone can help me... ??

Thanks in Advance,

Sen

[wolfgangknauf]

Hi,

that is a JSF usage question which is not related to JBoss, so you are here in the wrong forum.

You might try this: http://www.coderanch.com/forums/f-82/JSF

Best regards

Wolfgang