I’ve updated my Ext User Extension, Ext.ux.TDGi.iconMgr for use with Ext 2.2 and removed the requirement to perform a setPath on either extension singleton.  Simply put the path to where you placed the extension as the value for iconBase on both iconMgr and iconBrowser and you’re set.

example: http://tdg-i.com/js/examples/ext/tdgiux/TDGi.iconMgr/

Icon Sources:
http://www.famfamfam.com/lab/icons/silk/ and http://www.damieng.com/icons/silkcompanion

Example usage:

Worked on the drawers a little more and wanted to show a simple use case.

Click here to see it in action.  Test drive the four drawer demo and the grid demo below.

To Do list:

• Enable resize for the drawers
• Honor the animate boolean
• Set configurable fx
• enable shadows
• Anything else that the community would like

Per the requested changes from this Extjs.com thread.

Another sneak peak

http://tdg-i.com/img/screencasts/2008-08-08_1812.swf

Inspired by Sean McDaniel’s WindowBlinds extension, I’ve decided to work on Window Drawers. His extension is used in many places, including a contract in which we worked on briefly together. Sean provided a prototype of his code for Window drawers, which used some of the same code base as the blinds extension. His solution is very light weight, relative to my approach, which ultimately makes it faster.Click here to view the great (and configurable) example of Sean’s WindowBlinds extension directly from his site.

However, I wanted to take a different approach with the drawer solution, using Ext’s components, which provides the developer a means to use this as a generic panel, adding what ever they wish.

For now here is a snapshot and a teaser video.

Some remaining action items:

- Finalize Z-ordering issue (windowmanager, etc)

- Resizing for the window needs to be managed properly.

The old Icon class was static, requiring users to manage CSS files.  Thus, was not really a fix, but just a convenience.

Here comes Ext.ux.TDGi.iconMgr.  A utility class that automatically sets styles for  you.  It creates and appends to a stylesheet in the dom, eliminating the need to manage CSS entirely.  The icon set contains images in PNG and GIF (IE6), and automatically selects which to use.

example: http://tdg-i.com/js/examples/ext/tdgiux/TDGi.iconMgr/

Icon Sources:
http://www.famfamfam.com/lab/icons/silk/ and http://www.damieng.com/icons/silkcompanion

Example usage: