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.




mitch
30. Sep, 2009
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.