PanelHeaderToolbar goes alpha
September 13th, 2009 Jay Garcia Posted in EXTJS, Ext Extensions | 1 Comment »
I recently spent some time on the TDGi.PanelHeaderToolbar plugin and thought I should share it.
I’m currently working on the following features:
- Animated Collapse <-- Works
- Showing Raw buttons (option) <- breaks auto sizing, need to investigate
- Add "collapse header toolbar" tool (matches feature from OS X) <- still under conceptuliaztion
Known issues:
- not fully compatible with IE7 & IE8 – surprised?
- Shadow for window out of sync.
- Expand/Collapse animations are not fully functional.
- Focus for input boxes doesn’t fully work, one can initiate drag. This will be a fun one to overcome.
Click here for a quick demonstration: http://tdg-i.com/js/examples/ext3/plugins/panelheader/.
Also, I have another example here using the border layout: here.
Click here to download the source.

September 30th, 2009 at 10:14 pm
Love this…. you may want to mention the one CSS class that is needed or the tbar will be rendered partly in the title area.