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 | No Comments »

Adding Custom Search to your wordpress site in just a few minutes!

March 14th, 2008 Jay Garcia

For those us who are familiar with the ext combo box examples, you may be able to recall the awesome forum-search code. I wanted similar functionality, but needed to change some things to make it fit for this site. I found that the horizontal space required for the tool bar was too much for my blog use. Also, bottom placement of the paging tool bar, which seems to be a favorite among many Ext developers, is not something I particularly care for. From my observation, it requires the user to move the mouse too far downward to click the next/previous buttons, thus reducing UI efficiency.

So, I took a combination of the forum-search.html example and applied it to my previous work for styling results of a combo box using XTemplates.

(Ext forum-search.html example illustration)

Explanation of why the forum-search example is not good for my site.

So in about an hour or two, I came up with something that fits my taste, search bar size and is easier to read. I still need to apply custom CSS to the mouseover for the search results and the text area focus. This code will soon make it’s way to my wife’s site, bebe kisses as well as a few customers.

Add custom search for your wordpress site using custom PHP and Extjs!

Click here to download the zip file

Example code to create the comboBox

PHP wordpress server side code

Next on the agenda: Convert the clunky Contact me form to 100% Extjs.

Posted in EXT Examples, EXTJS | No Comments »

Experementation with element masks

March 13th, 2008 Jay Garcia

Ext has provided us with an excellent method to very quickly mask an element. While troubleshooting a mask no-show issue for a datagrid, I came up with the idea to experiment with the Element.mask prototype method. I have been curious as to why the Ext team has not added effects to the appearing/disappearing of masks. I suspect it has to do w/ reliability of browsers rendering capabilities and speed. I noticed a slowdown of animations with large record sets. Also, the physical size of the element being masked also has a direct influence on speed. Smaller boxes - like the one below, however, work relatively well. The slideIn effect, particularly does not work in IE 6 and 7. It works very well for FF2.x on MS Windows however. FadeIn, FadeOut work as expected.

My next goal is to look at overiding the Ext.element class and the loadMask to take more config options.

This one should be fun! Click here to see the example in action.

(Example slide in via firefox).

ExtJs Element.mask experimental animation illustration

Posted in EXTJS | No Comments »

Installing Oracle 10G 10.2.0.1.0 On CentOS 5 - easy!

March 6th, 2008 Jay Garcia

With only two steps, I was able to install oracle on my CentOS5 box. This owns!

Changed /etc/redhat-release to reflect: ‘Red Hat Enterprise Linux ES release 4 (Nahant Update 3)’

Installed libXp.s0.6: ‘yum install libXp.so.6′ (as root of course). This is great. Now I just have to recompile PHP to use oracle.

Oracle install on CentOS 5

Posted in Oracle PHP Apache Linux (OPAL) | No Comments »