Author Topic: Height of toolbar  (Read 2448 times)

queensgambit9

  • Pro Ultimate
  • Sr. Member
  • *
  • Posts: 341
    • View Profile
Height of toolbar
« on: January 16, 2018, 12:28:39 am »
Must height on toolbar be set? Or will grid adjust itself to dynamic height of toolbar?
Having issue when height is not set on toolbar that bottom section get too high and overlaps grid.

http://jsfiddle.net/p5exg8pL/

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6310
    • View Profile
Re: Height of toolbar
« Reply #1 on: January 16, 2018, 03:51:00 pm »
Specifying height of toolbar is normally not required.

In your case  attr: "multiple='multiple'", causes a difference in height of toolbar before and after initialization.

In such cases height of toolbar can be explicitly specified.

style: 'max-height:33px;height:33px;',

http://jsfiddle.net/p5exg8pL/1/

queensgambit9

  • Pro Ultimate
  • Sr. Member
  • *
  • Posts: 341
    • View Profile
Re: Height of toolbar
« Reply #2 on: January 16, 2018, 05:40:26 pm »
Thanks.
Problem is when user has lower resolution so that some toolbar items are placed on next row, the toolbar items are pushed down behind grid instead of increasing height...

Any solution to this?

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6310
    • View Profile
Re: Height of toolbar
« Reply #3 on: January 17, 2018, 12:33:54 pm »
In that case height of the component can be defined instead of the toolbar.

Code: [Select]
type: 'select',
              cls: 'columnSelector',
              attr: "multiple='multiple'",
              style: "height:26px;max-height:26px;",

http://jsfiddle.net/p5exg8pL/2/