Ext Window Drawers - A sneak peek - Part 2

August 8th, 2008 Jay Garcia

Per the requested changes from this Extjs.com thread.

Another sneak peak :)

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

Posted in Current Projects, EXT Examples, EXTJS, Ext Extensions | No Comments »

Ext Window Drawers - A sneak peek

August 7th, 2008 Jay Garcia

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.

Posted in EXT Examples, EXTJS, Ext Extensions | No Comments »

Ext 2.2 released adding some amazing features.

August 5th, 2008 Jay Garcia

Ext 2.2 was dropped a few hours ago.  Some of the major features include a multi-select box and file upload button, both of which are amazing.  A new history manager is something that took a lot of us by surprise.  I cannot wait to start poking around with this.  Firefox 3 is now officially supported, which is a very welcome change :).  Great job to the Ext team for a fabulous release.

http://extjs.com/blog/2008/08/04/ext-22-released/

Posted in EXTJS | No Comments »

Ext.ux.TDGi.iconMgr - a utility class for managing icons and CSS

July 14th, 2008 Jay Garcia

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:

Ext.ux.TDGi.iconMgr and Ext.ux.TDGi.iconBrowser Classes

It also comes with an icon browser, which I will eventually segment images by letter.
Download: zip or tar-gzip (tgz)

Posted in EXT Examples, EXTJS, Ext Extensions | 2 Comments »

Ext JS Screencast #003 - Ext.apply explained

May 26th, 2008 Jay Garcia

Posted in EXT Examples, EXTJS, ScreenCasts | 5 Comments »