Responsive PanelGrid (Colspan and breakline)?

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

07 Sep 2017, 22:32

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

Posts: 17912
Joined: 05 Jan 2009, 00:21
Location: Cybertron

11 Sep 2017, 17:22

Maybe better to use Grid CSS directly without panel grid;

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
Posts: 3081
Joined: 29 Jun 2013, 12:38

02 Oct 2017, 09:19

Glad to hear, thanks a lot for the update!

Post Reply

Return to “Barcelona - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests