View Full Version : button group header alignment

25 Jan 2012, 7:36 AM
I have a button group for re-sizing panel text ....
But having the header on top fattens the tbar that contains the button group, wasting screen space. When I try configuring headerPosition: 'right' the button group renders like this...
(The header is also displayed vertically and rotated 90 deg. when specifying headerPosition: 'left')

Browser inspection shows <text ... transform="matrix(0,1,-1,0,6,0)"> , but changing the arguments to matrix() affect only the text, not the ancestor <div>s of the text. I have not been able to find any CSS that makes the parent <div>s vertical.

Also, I have not been able to find any method/config. in the Ext.container.ButtonGroup API to get this header to render correctly on the right or left.



25 Jan 2012, 9:13 AM
try to set a bigger height for buttons inside buttongroup!