artnorm

news

2008-06-12 this morning in bleeding

I had a longer coding session with mtekk this morning working on the next release of the wordpress breadcrumb plugin called breadcrumb NavXT. While tweaking the admin panel we played with the Idea to automatically convert fieldset Elements into Tabs with jQuery. Being aware of the jQuery tabs (Kudos to Stilbüro) which went into the UI packages, and the great news that wordpress bleeding is shipping with more jQuery UI packages (2.5.1 ships with Tabs 3 “only”) since early in the morning, pushed me forward a first proof of concept that something like this can be easily integrated into wordpress admin, unobtrusive, with a lightwight footprint and toggle-able with a single id:

Breadcrumb NavXT Admin Panel with Javascript switched on

These Tabs are created on the fly in the users browser taking the unobtrusive approach. Because the Markup has not been made especially for the tabs and is orientated to the standard markup used in the admin panel, it needs to be slighlty created on the fly. Therefore fieldsets and their h3 child elements are used for tabs and their labels. The standard output looks like this:

Breadcrumb NavXT Admin Panel with Javascript switched off

I hope this will be This is available with the plugin in full source soon now, you can join and checkout the repository at wp-plugins.org . It is already compatible to version 2.5.

up to top
the summer | contact artnorm

links

spec stuff

hosted by artnorm

friends of artnorm