SelectOneRadio layout=custom

Mobile UI Kit
Post Reply
podaprimefaces
Posts: 1
Joined: 12 May 2015, 00:08

14 Jul 2017, 23:38

Hi, I am new to primefaces mobile. When I execute following showcase example using "pm" tags, the radio buttons are rendered twice (2 sets with 3 radio buttons). Same code without "pm" tags works good. Does anyone able to use custom layout in mobile app successfully?

<h3>Custom Layout</h3>
<p:outputPanel id="customPanel" style="margin-bottom:10px">
<p:selectOneRadio id="customRadio" value="#{radioView.color}" layout="custom">
<f:selectItem itemLabel="Red" itemValue="Red" />
<f:selectItem itemLabel="Green" itemValue="Green" />
<f:selectItem itemLabel="Blue" itemValue="Blue" />
</p:selectOneRadio>

<h:panelGrid columns="3" cellpadding="5">
<p:radioButton id="opt1" for="customRadio" itemIndex="0" />
<h:outputLabel for="opt1" value="Red" />
<p:spinner />

<p:radioButton id="opt2" for="customRadio" itemIndex="1" />
<h:outputLabel for="opt2" value="Green" />
<p:inputText />

<p:radioButton id="opt3" for="customRadio" itemIndex="2" />
<h:outputLabel for="opt3" value="Blue" />
<p:calendar />
</h:panelGrid>
</p:outputPanel>

Appreciate any help. Thanks!!

Post Reply
  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests