Resizing header row

Suite and Optimus Suite 5
#1

I’m working on a multi-select in a header row.
When it receives focus, it expands height so that more rows in the select are visible.
This expands the height of the header row that contains the multi-select.
When the multi-select blurs, the size shrinks back to 1.
How do I make the header row shrink back also?

#2

You can change height of the header with following code:

mygrid.hdr.style.height="100"; mygrid.setSizes();

#3

I need to change the height only for one header out of 3.

#4

Try to use this:

mygrid.hdr.rows[1].style.height="100"; mygrid.setSizes();

#5

Is there a way to determine programatically, which row the multi-select header is in?

#6

You can determine actual height of html element with following property:

element.clientHeight element.clientWidth elemet.offsetHeight element.offsetWidth

#7

That didn’t answer the question I’m asking:

Is there a way to determine programatically, which row the multi-select header is in?

I don’t want to arbitrarily pick the row number as in:
mygrid.hdr.rows[1].style.height=“100”;

I need to be able to determine the row in hdr.rows given the filter select.

#8

There is no way to determine which row the multi-select header is in.