Hi, when i use a p:panelGrid with p:row and p:columns this is not responsive.
Code:
<ui:define name="content">
<div class="Container100">
<div class="ContainerIndent">
<p:panelGrid style="border:0px !important; background:none;" styleClass="FormContent">
<p:row>
<p:column colspan="1"><p:inputText styleClass="Wid90" placeholder="Name"/></p:column>
<p:column colspan="1"><p:inputText styleClass="Wid90" placeholder="Email"/></p:column>
<p:column colspan="1"><p:inputText styleClass="Wid90" placeholder="Phone"/></p:column>
</p:row>
<p:row>
<p:column colspan="1"><p:inputText styleClass="Wid90" placeholder="Disabled Input" disabled="true"/></p:column>
<p:column colspan="1"><p:inputText styleClass="Wid90" placeholder="Address"/></p:column>
<p:column colspan="1"><p:inputText styleClass="Wid90" placeholder="Id"/></p:column>
</p:row>
</p:panelGrid>
</div>
</div>
<div class="Container50 Responsive50">
<div class="ContainerIndent">
<h2 class="BigTopic">TextArea</h2>
<p:inputTextarea rows="5" placeholder="Your Message" style="width:95%;"/>
</div>
</div>
</ui:define>
p:panelGrid does not responsive
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
This is a PrimeFaces issue. p:row and p:column aren't supported by responsive panelgrid. Please use layout="grid" and columns="2" on panelgrid and remove p:row and p:column.
Github Profile: https://github.com/mertsincan
aragorn wrote:This is a PrimeFaces issue. p:row and p:column aren't supported by responsive panelgrid. Please use layout="grid" and columns="2" on panelgrid and remove p:row and p:column.
Oh, this is bad =(
Is there any plans to change this?
I'd like to have diferent number of columns on each row =x
Server: Wildfly 17
JSF: 2.2
Primefaces: 7.0
JDK:11 Corretto
JSF: 2.2
Primefaces: 7.0
JDK:11 Corretto
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Unfortunately we do not have a plan for responsive of p:panelGrid with p:row and p:column.
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 9 guests