ParamQuery grid support forum

General Category => Help for ParamQuery Pro => Topic started by: Hidehiro Ishii on January 30, 2018, 08:23:11 am

Title: How to remain navbar when a icon which is a ui-icon-arrow-4-diag is clicked
Post by: Hidehiro Ishii on January 30, 2018, 08:23:11 am

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

Title: Re: How to remain navbar when a icon which is a ui-icon-arrow-4-diag is clicked
Post by: paramvir on January 30, 2018, 12:57:12 pm

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");
                }
            },


Title: Re: How to remain navbar when a icon which is a ui-icon-arrow-4-diag is clicked
Post by: Hidehiro Ishii on January 30, 2018, 02:44:26 pm

Hi Team,

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

Best Regards,
Koichi