Option to set Pqgrid in maximised state one page first load

[sam.shah]

Is it possible/any option to set pqgrid in a maximized state by default?
When I click on ui-icon to maximize, it hides footer.

[paramvir]

Grid can be set to maximized state initially with help of create event.

Also custom css can be applied with collapsible.css option

and custom properties can be added in maximized state with help of toggle event.

Code: [Select]

    collapsible: {
      css: {
        margin: 20
      }
    },
    toggle: function(evt, ui) {
      if (ui.state == 'max') {
        this.option({
          height: '100%-40',
          width: '100%-40'
        });
      }
    },
    create: function() {
      this.widget().find(".pq-grid-top .ui-icon-arrow-4-diag").click();
    },

https://plnkr.co/edit/Gvo807T98ILmO88iA7IV?p=preview

[sam.shah]

Thanks for quick response.
Now, it hides my control which is on top of the grid.
is it possible to change this behavior so it doesn't hide my top control?

[paramvir]

you can adjust top margin and grid height according to height of top control.