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.

Like what you've seen or read? Use the below links to share and enjoy.
  • Twitter
  • Digg
  • del.icio.us
  • Technorati
  • Yahoo! Buzz
  • Facebook
  • LinkedIn
  • Mixx
  • Google Bookmarks
  • Tumblr
  • Blogplay
  • Add to favorites
  • DZone
  • FriendFeed
  • Live
  • PDF
  • Propeller
  • Reddit
  • Suggest to Techmeme via Twitter
  • Slashdot
  • StumbleUpon
  • email
  • Print
  • Sphinn