ColdFusion RIA - Yahoo User Interface (YUI)

Yahoo User Interface (YUI) Base CSS with Coldfusion 8 cfgrid conflicts

Sat, 17 Jan 2009 18:11:00 -0400

So, while working on integrating the cfgrid with my demo application, I came accross a conflicts with the CSS that ColdFusion expects to produce for an HTML cfgrid versus the CSS markup from the YUI Base CSS component. Check It Out Here So, what the Base CSS package does is,

applies a consistent style foundation for common HTML elements

This creates a conflict with the ColdFusion CSS package (which is based on Ext 1.1.1 API). At the same time, you could use this to extend the Base CSS file and define your own styles for the elements. Right now, I just removed Base CSS from my application.

ColdFusion 8 cfgrid - Implementing User Selected PageSize and using YUI Dom Collection Library

Thu, 15 Jan 2009 18:46:00 -0400

Previously I blogged about implementing a filter feature and ability to show/hide columns in the grid Here. We are going to make another small enhancement to it, we will allow the User to select how many records to display per page (from a pre-defined list). We will also use some powerful Yahoo User Interface (YUI) Do functions to implement this.

A new demo is available Here.

[More]

ColdFusion 8 cfgrid - Filter Grid Data, Show/Hide Columns and using the YUI Buttons Library

Tue, 13 Jan 2009 14:08:00 -0400

The next step in the Project will be the User Administration page. The idea for the administration pages is simple:

Pagination (min 10 records per page)
Sorting on all columns
Ability to Filter grid Data by various columns
User Preferences to show/hide columns on the grid
Add/Edit/Delete Function Access from grid page

The ColdFusion 8 cfgrid implementation allows us to accomplish points 1 and 2 out of the box. CF8 Ajax featurs will allow us to accomplish point 3. Further looking into the ExtJS library means we can do 4 too. We will worry about point 5 for later. First, check out the little Demo: cfgrid demo

[More]

Implementing Browser History Management to the Application

Mon, 12 Jan 2009 11:42:00 -0400

I previously blogged on the YUI History Manager (read it up if you haven't). I just got around to implementing it to an Application

Now, I like to include my javascript at the top of the page (and I think most people do). This meant I had to switch some things around.

[More]

Browser History Management for ColdFusion 8 Ajax using the Yahoo Interface Library (YUI)

Thu, 08 Jan 2009 18:33:00 -0400

One of the things about loading pages using Ajax (not refreshing the page) is that the browser back/forward buttons stop working. Since you are not refreshing the page the browser doesn't record to its history engine. ColdFusion 8 does not implement automatic browser history management for ColdFusion.navigate and AjaxLink (do it with 9 Adobe). That meant either build your own solution, or in this case I decided to use the YUI Browser History Manager. So lets see how it was done. Demo the the implementation Here. [More]