A Javascript based ‘CoverFlow’ effect - SideFlow 1.1 by MediaEvent Services

April 4th, 2008 Jay Garcia

SideFlow, created by MediaEvent Services is a pretty radical way of providing a ‘CoverFlow’ effect with pure Javascript.  I’ll be honest, I am disappointed with the speed, but expected it to perform the way it is.  I mean it is javascript.    I still have to say that it’s very impressive.

According to the blog article, it uses  the Tigra Slider control, Scriptaculous and Prototype

SideFlow

Posted in Uncategorized | No Comments »

One way to get form panels in a window to work with data records or json easily

April 4th, 2008 Jay Garcia

Below is an example of how to get a formPanel to work inside of an Ext.Window really easily. Simply call the class’s .show() method with a json object or an instance of a Ext.Data.Record object and it will do the rest. I realize that this should have probably been done in a ‘module’ or ’singleton’ pattern but I wanted to exercise my use of classes and Ext.extend, etc. In fact, the class could have been blown out more to accept any instance of a form, etc, but I started to get crunched on time.

Click here to view the example
formWindowExample illustrated

Click here to download the file formWindow.zip.

Example Code

Class

Posted in EXT Examples, EXTJS | No Comments »

Ext JS Sceencast #002, Ext.extend explained

April 1st, 2008 Jay Garcia

Here we talk about Ext.extend and how it can be used to your advantage to ‘extend’ or ‘override’ methods or properties from one class to another.

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

TDG-i Sketchcast 001, the equals operator explained.

March 16th, 2008 Jay Garcia

This page serves as a test bed for my future venture in sketch casting.

Posted in EXT Examples, EXTJS, ScreenCasts, TDG-i News | 1 Comment »

How to get titles in collapsed panels for ‘border’ layout.

March 15th, 2008 Jay Garcia

In response to this thread at the Ext forums, I initially created a simple override (Click here to see it action) to the Ext Border Layout. The solution was a quick one hour deal with no magic or gloss. There was some posts soon there after that requested more functionality for this override. These requests include:

  • images for the east/west regions (for CBC)
  • ability to re-use the original title
  • the freedom to insert what ever element object or HTML fragment the end developer desired
  • change from override to extension.

So, I’ve rolled up all of these requests into one Ext.ux.TDGi.BorderLayout class. This solution provides all of the freedom flexibility that was requested.

Click here to view a working example of this extension.  Click here to download the zip file of the full source and example.
Simple Example:

Screenshots:(Internet Explorer 6 and 7)
Example of tdgi_border layout in IE6 and IE7.  IE8 has not been tested!(FF2.x on OS X)

Example of tdgi_border layout in firefox for OSX.
Actual Example Source:

Override Source:

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