How to display horizontal p:selectOneRadio pimefaces

Question

i do this the radio button is diplying vertical, I want to display vertically.

<p:selectOneRadio id="operation" value="#{tradingMobileBean.selectedOperation}">
                        <f:selectItems value="#{tradingMobileBean.listOperation}" />
                        <p:ajax event="change" process="@this" listener="#{tradingMobileBean.operationChangeListner()}" update="stockname" />
 </p:selectOneRadio>

Answer 1

Add layout attribute with value pageDirection which will give the vertical layout. The default value is lineDirection which gives you the horizontal layout.

<p:selectOneRadio layout="pageDirection" id="operation" value="#{tradingMobileBean.selectedOperation}">
     <f:selectItems value="#{tradingMobileBean.listOperation}" />
     <p:ajax event="change" process="@this" listener="#{tradingMobileBean.operationChangeListner()}" update="stockname" />
</p:selectOneRadio>