TJ VanToll

A jQuery UI Vertical Tabs Extension

| Comments

The single coolest thing in jQuery UI is the extension mechanism built into the widget factory. In my upcoming book on jQuery UI I devote an entire chapter to building extensions, and now that the book is mostly done, I want to publish some of the extensions I built for the world to use.

The first of these is an extension to display a jQuery UI tabs widget vertically. The extension is simple: it adds a single orientation option that you can set to "horizontal" or "vertical". Here it is in action:

jQuery UI vertical tabs extension Open in New Window

The extension supports AMD usage, including the new AMD modules introduced in jQuery UI 1.11. If you’re a Bower user, you can install the extension with bower install jquery-ui-vertical-tabs.

Please check out the extension on GitHub. Try it; report issues; and star it if you like it. The extension is released under the MIT license, so it use it in any project you’d like. I’ll have more of these coming in the near future.