I got the logic down pat for creating icons on the left and right.  If you’re not an OS X user; the icons left of the ‘runway’ (divider) are for launching applications and the right are a location for minimized windows.  What the video shows is what it looks like to register an icon in the dock as an application launcher ( no animation ) and a minimized window container (animated).

Next is setting up the full context menus (minimize, close, etc) and window (app?) registration for the icons.

It’s been *over a year* since i last showed an example of the OS Ext desktop, and I’ve decided to start back up on things again.  I have completely rewritten the dock to extend Ext.BoxComponent, which utilizes the Ext.Component infrastructure.  Also, the OSExt.DockIcon class uses BoxComponent as well, and will register itself upon instantiation, forcing the dock to resize when an icon is being placed in the dock.    I plaon on this Ext Desktop demo to be very resource intensive, utilizing as much Effects as possible.  Well see how things go

Click the image below to take a gander at the resize animation.

With help from Mystix at the Ext forums, the Window Drawer class is finally ready for beta1!

Changes:

• Official namspace - Ext.ux.plugins.WindowDrawer (thanks Marc! :))
• Works within Ext Desktop for IE7 (Don’t render the window to anything but document.body for now).
• Shadows now present
• CSS fixes for IEx
• Drawers destroy when parent does
• Works on webkit browsers Safari/Chrome
• Other minor tweaks

Download here: zip | tgz

Examples:

Simple four drawer, grid window with form binding, grid window to grid drawer drag and drop, desktop

 Ext Window Drawers Alpha 1 is released today with two new examples; the drag and drop and basic grid window in the desktop.

Click here to download: winDrawers.alpha1.tgz

The following features were added:

• IE6 and IE7 Certification
• Fx3 Certification
• Titles
• Support for [ X ] close button in titles
• Resize finished
• Window.el.move intercepted
• animate : true || false honored

Examples to date:

• Four Drawer basic
• Grid and Form
• Grid to grid DnD (new)
• Web Desktop (new - not complete)

(drag and drop example)

(grid in desktop window example)

Known issues:

• IE6/7 - Issues with z-ordering (desktop only thus far)
• Desktop window maximize to normal size not  hooked properly

 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: