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…
try-catch-FAIL
Stories from the trenches of software development.
Category: <span>jQuery</span>
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,…
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…
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,…
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…
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…
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…
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…
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:…
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,…
Subscribe!
Always get the latest posts!