title: PrimeFaces SelectOneRadio Custom Layout in two columns
body: <p>I am using custom layout for SelectOneRadio component of PrimeFaces. </p>
  
  <pre><code>&lt;h:outputLabel style="font-size: 22px" for="SignMethodRadio" value="Select your Signmethod : "/&gt;
  &lt;p:selectOneRadio id="signMethodRadio" value="#{selectSignMethodView.signMethod}" layout="custom"&gt;
     &lt;f:selectItems value="#{selectSignMethodView.signMethodList}" var="sm" itemLabel="#{sm}" itemValue="#{sm}"/&gt;
     &lt;f:ajax listener="#{selectSignMethodView.changeServers}" event="change" execute="@form" render="server"/&gt;
  &lt;/p:selectOneRadio&gt;
  
  &lt;ui:repeat value="#{selectSignMethodView.signMethodList}" var="signMethod" varStatus="loop"&gt;
      &lt;p:panel&gt;
          &lt;p:radioButton for=":signMethodForm:signMethodRadio" itemIndex="#{loop.index}"/&gt;
          &lt;h:outputText style="font-weight: bold" value=" #{signMethod} : "/&gt;
          &lt;h:outputText value="File Types allowed are : #{signMethod.fileTypes}"/&gt;
      &lt;/p:panel&gt;
  &lt;/ui:repeat&gt;
  </code></pre>
  
  <p>My custom layout consists of radio Button followed by two output text component. My problem is that they all appear in single column. I want this custom layout to appear in two columns i.e., my custom radio components appearing in two columns. My current layour looks like this :</p>
  
  <p><img src="https://i.stack.imgur.com/J0frI.png" alt="Single Column"></p>
  
  <p>And I want it to be like this.</p>
  
  <p><img src="https://i.stack.imgur.com/90eja.png" alt="Two Columns"></p>
  
  <p>How to achieve this?</p>