How to remain navbar when a icon which is a ui-icon-arrow-4-diag is clicked

[Hidehiro Ishii]

Hi Team,

I want to remain navbar like as the PQGrid HP(https://paramquery.com/pro/grid) when a icon which is a ui-icon-arrow-4-diag of headerMenu is clicked.
But a PQGrid will overlap a my navbar in my environment.
Please let me know how to this problem.

Regards,
Koichi

[paramvir]

That's done with combination of collapsible option and toggle event.

Code: [Select]

            collapsible: {
                css:{ marginTop: '50px'}
            },
            toggle: function(evt, ui){
                if(ui.state == 'max' ){
                    //customize height of grid in maximize state.
                    this.option("height", "100%-50");
                }
            },


[Hidehiro Ishii]

Hi Team,

Thank you for your quick response!
A source code works what I want.
So please close this case.

Best Regards,
Koichi