PDA

View Full Version : EXTJS have button on top of panel



fily55
1 Oct 2012, 7:37 AM
This is kind of a tricky one to describe in words. Here is a picture of my panel:
39063

There is a container with a border layout to wrap the "Nav" panel to west and "Tab 1 Panel" to center. There is a button clicked ("Tab 1") and you can see that a button clicked has its width increased. My aim is to have this button show outside of the nav panel and over the tab 1 panel.
Hope this makes sense, Any help appreciated.

skirtle
1 Oct 2012, 7:57 AM
Sounds painful.

So you want the button width to increase when it is clicked, such that it overlaps the other region?

There are probably a number of CSS hacks to get this to work but my first thought is that perhaps you could make the buttons floating and position them manually in the navigation region so that they look like normal children even though they aren't. You can then just set the width and it should automatically sit above your main region.

http://docs.sencha.com/ext-js/4-1/#!/api/Ext.button.Button-cfg-floating

fily55
1 Oct 2012, 8:24 AM
I set it floating but the button just disappears. I should mention that these panels are in a window. This is probably going to be very tricky. I think a css hack would probably be best.