Responsive PanelGrid (Colspan and breakline)?

Post Reply
leozkr
Posts: 10
Joined: 27 Jan 2017, 19:51

07 Sep 2017, 22:32

Hi
As below I'm using one of samples(samples.xhtml) from Barcelona theme which uses Panel Grid

<p:panelGrid columns="4" columnClasses="ui-grid-col-2,ui-grid-col-4,ui-grid-col-2,ui-grid-col-4" layout="grid" styleClass="ui-panelgrid-blank form-group" style="border:0px none; background-color:transparent;">\

So this panel grid is reponsive and is working fine,
but i'm wondering if it is not possible to do 2 things,
1) colspan - Ex: merge from second the fourth column
2)breakline - Ex: show only 2 elements(1 column each), and then go to next "Line" instead of always showing 4Lines

Best Regards

User avatar
optimus.prime
Prime
Posts: 17586
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

11 Sep 2017, 17:22

Maybe better to use Grid CSS directly without panel grid;

https://www.primefaces.org/showcase/ui/panel/grid.xhtml


leozkr
Posts: 10
Joined: 27 Jan 2017, 19:51

29 Sep 2017, 00:13

Thank you everyone,
I just decided to use the Grid Css instead of panel grid,
and it's working just fine

Thanks and Best Regards

User avatar
aragorn
Posts: 2638
Joined: 29 Jun 2013, 12:38

02 Oct 2017, 09:19

Glad to hear, thanks a lot for the update!

Post Reply
  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest