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.

One Response to “PanelHeaderToolbar goes alpha”

  1. 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.

Leave a Reply

You must be logged in to post a comment.