Question

In the hbox layout, if we hide a components then all the other components get realigned.

Consider that i have the following layout,

hbox1:

   combo1  combo2 combo3 combo4

if i hide combo 1 then the layout gets realigned as,

hbox2:

  combo2 combo3 combo4

Here combo2 re positioned to combo1 place.

But i like to retain the position of the components as in hbox1.

Any ideas?

Answer 1

1* you should probably make 2 nested controls and hide the inner one while keeping the width of the outer one constant.. this method adds and overhead, but will do the thing
2* other thing you can do a little going away from extjs is manipulate the dom.. extjs creats several divs inside one another so you can manually access one of the inner divs and hide it
3* dont use the hide() function in extjs
but create a special hide function that changes the style of the div component to hide and set every possible color of the div to either transparent or that of background. it would still be hidded just that all the events attached would work..
4* alternatively you can mask the component rather hiding it.. this way user would know that this particular item is disabled and also the user wont be allowed to interact with the respective componnent