Category: jQuery

Easy vertical and bottom tab panels with jQuery UI

jQuery UI includes a tabs widget that makes it easy to add tab panels to your web applications.  Out-of-the-box, it currently only supports horizontal tab strips across the top of the content, like so: There are samples in the jQuery UI code that show how you can easily achieve either side (vertical) tabs or bottom…

Read MoreView 6 Comments

An auto-hiding menu bar with jQuery

What do you do with links/buttons/actions that are likely to be infrequently used, but should still be available to users anywhere in the system?  That’s the question I had to answer for the new InSpire search engine we’re working on at my day job.  The sort of links I am talking about are logout, preferences,…

Read More

Improving jQuery’s Validation Plug-in

One of the 50 or so tasks I’m juggling at my day job deals with coming up with UI standards for one of our applications.  I’m trying to think through every common scenario we have, design how it should work from a UI stand point (both the perceived UI as well as the HTML markup…

Read More

liteGrid’s RowSortModule

Aside from a slew of bug fixes and minor changes, the biggest thing to happen to liteGrid this week is the addition of the RowSortModule.  This module enables client-side sorting and works on both regular and tree-grid tables.  You can check it out on the updated demo.  As usual, everything in liteGrid just bolts on,…

Read More

liteGrid’s new provider model for layout

I just committed a major change to liteGrid.  Prior to this change, liteGrid’s core was responsible for most of the table rendering.  It would render a basic table with a header and no rich-UI functionality.  All the niceties (resizable columns, jQuery UI integration, fixed header row) were added by the LayoutManager module.  This worked, but…

Read More

Internet Explorer 8 table-layout bug

If you’ve been following me on Twitter, you no doubt know that I’m fighting rendering problems with Internet Explorer 8.  Today, I have finally tracked down one very elusive bug.  The problem occurs in liteGrid when a user clicks on a cell to edit it.  The contents of the cell are placed with an input…

Read MoreView 1 Comment

Integrating jEditable with liteGrid

Work continues on liteGrid (I believe that’s the name I’m going to stick with), and in fact so much has changed that I really don’t even know where to start when talking about it.  The core has been changed around a bit (for the better), many new modules have been added, an AJAX data provider…

Read More

liteGrid: coming soon to Google Code!

My employer has approved the open-sourcing of project “liteGrid”, so that means I’ll be migrating it to Google Code in the Real Near Future.  Before I do that though, I need to come up with a final name.  I have two candidates right now: liteGrid and Webcel (like Excel, but for the web!).  I’m leaning…

Read MoreView 2 Comments

liteGrid – Recent Changes

I’m very busy today, so I’ve decided to punt on the post for today and talk just briefly about some of the changes that I’ve made recently to liteGrid and why I made them.  I’m not going to talk about the layout manager module until Wednesday.  For background, be sure to read the first three parts:…

Read More

Editable cells with liteGrid

Continuing my series on the development of liteGrid (part 1, part 2), this post will look at how I implemented an add-on module that provides click-to-edit functionality.  There are several different ways that you can handle editable tables in a browser, but the two most common are cell-based editing and row-based editing.  In row-based editing,…

Read More