ParamQuery grid support forum

General Category => Help for ParamQuery Pro => Topic started by: dtag1000 on November 10, 2017, 10:24:40 am

Title: Styling like the demo
Post by: dtag1000 on November 10, 2017, 10:24:40 am

Hello,

Im trying to style my grid like the one here: https://paramquery.com/demos/crud

It removes all the extra space on the bottom, and is sleek. How can I implement this ?

Title: Re: Styling like the demo
Post by: paramvir on November 10, 2017, 10:56:05 am

Please use height: 'flex'

Title: Re: Styling like the demo
Post by: dtag1000 on November 14, 2017, 03:29:16 am

Hello,

I tried the flex height, and this did not do anything. I want the exact styling of the one in the demo. How can I get this??

Title: Re: Styling like the demo
Post by: paramvir on November 14, 2017, 04:34:38 pm

I'm not sure about your interpretation of extra space at bottom and sleek layout, can you please attach a screenshot of your grid and point out what exactly you are looking for.

Title: Re: Styling like the demo
Post by: dtag1000 on November 16, 2017, 02:09:21 am

This is what i want

https://imgur.com/a/bkwIh

This is what i have

https://imgur.com/a/Wp44M

Title: Re: Styling like the demo
Post by: paramvir on November 16, 2017, 03:57:41 pm

You are missing the grid stylesheets.

pqgrid.min.css and pqgrid.ui.min.css files are required.

http://jsfiddle.net/o7xo89oz/

Title: Re: Styling like the demo
Post by: dtag1000 on November 18, 2017, 12:30:41 am

I added all of the style sheets, but it still does not look like the demo.

Title: Re: Styling like the demo
Post by: paramvir on November 18, 2017, 11:24:47 am

Please check the path to stylesheet files, look out for any 404 errors in the browser console.

and ensure that you use the same version of css files as js files e.g. if you use pqgrid.min.js v4.0.0 then css files should also be the same version.

If you are still unable to resolve the issue, then please share a jsfiddle.