Author Topic: Trouble with maximized grids  (Read 3199 times)

webifi

  • Pro Deluxe
  • Newbie
  • *
  • Posts: 45
    • View Profile
Trouble with maximized grids
« on: February 10, 2015, 10:18:28 pm »
I'm trying to get maximized grids to work as I need in my UI, but I'm having issues with the way pqGrid sizes, sets its z-index, and clips the body.

When the grid maximizes I'd like to:

1. Allow other dialog/elements to be displayed by: Not setting body css to height:0; width:0; overflow:hidden; and not setting the grids z-index to 1000 (keep it auto).
2. Leave an amount of the body/page visible at the top (allows app menu to function).

The following CSS, almost gets things working the way I'd like, but a maximized grid clips the bottom 36px of its contents:

.pq-grid[style*='position:fixed'], .pq-grid[style*='position: fixed']{
    z-index:auto !important;
    margin-top: 36px !important;
}
body {
    width: auto !important;
    height: auto !important;
    overflow: auto !important;
}


Any ideas?


Edit: I should add, I've tried top: 36px instead of margin-top: 36px, with the same result: 36px clipping of grid content.
« Last Edit: February 10, 2015, 10:30:47 pm by webifi »

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6296
    • View Profile
Re: Trouble with maximized grids
« Reply #1 on: February 10, 2015, 11:41:23 pm »
you could change the height option of maximized grid to "100%-38" and refresh grid upon toggle event.

http://paramquery.com/pro/api#option-height

http://paramquery.com/pro/api#event-toggle

webifi

  • Pro Deluxe
  • Newbie
  • *
  • Posts: 45
    • View Profile
Re: Trouble with maximized grids
« Reply #2 on: February 11, 2015, 12:10:48 am »
That did the trick.  Thanks!