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.

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]

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

1. Pagination (min 10 records per page)
2. Sorting on all columns
3. Ability to Filter grid Data by various columns
4. User Preferences to show/hide columns on the grid
5. 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]

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]