Author Topic: How to remain navbar when a icon which is a ui-icon-arrow-4-diag is clicked  (Read 2204 times)

Hidehiro Ishii

  • Pro Enterprise
  • Newbie
  • *
  • Posts: 44
    • View Profile
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

  • Administrator
  • Hero Member
  • *****
  • Posts: 6297
    • View Profile
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

  • Pro Enterprise
  • Newbie
  • *
  • Posts: 44
    • View Profile
Hi Team,

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

Best Regards,
Koichi