Dashboard with Responsive layout

Locked
dincofaces
Posts: 10
Joined: 06 Jan 2016, 14:36

29 Jan 2016, 10:37

Hello everyone,

I'm trying to make a 3 column, 1 row, 100% width draggable dashboard with responsive layout, where resized enough on width, becomes 1 column 3 rows. I managed to achieve this using the Grid CSS library, but is there any way i can control at which width the shrinking will happen? I have a datatable inside each panel, so i want shrinking to happen before the default value.

Thanks.
JSF 2.2.10
PrimeFaces 5.3 (Spark Layout 2.1)

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

01 Feb 2016, 12:04

I think you can override the Grid CSS classes or write custom @media queries.

dincofaces
Posts: 10
Joined: 06 Jan 2016, 14:36

01 Feb 2016, 16:32

It works :) Thanks so much.
JSF 2.2.10
PrimeFaces 5.3 (Spark Layout 2.1)

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

02 Feb 2016, 11:59

You're welcome :)

vished
Posts: 479
Joined: 02 Feb 2014, 17:38

03 Jan 2018, 00:42

Can you Share the code?
PF 8.0

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

09 Feb 2018, 14:09

+1 :D

Regards,

Locked

Return to “Spark”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests