Quick Tabs

The Quick Tabs module allows you to create blocks of jQuery-powered tabbed content (like those found on Facebook) with ease, specifically views, blocks, and even Quick Tab blocks (within another Quick Tab block). The latest version of the module features AJAX integration, which allows you to choose whether all tabs should load on page load or load on tab click (which optimzes page loading times).

DEMO: See the Quick Tabs in action on the top of my frontpage.

This article documents my use of Quick Tabs, especially on how I used CSS to theme a custom tab style, and highlights a few other important considerations for web developers. For general installation and configuration documentation, visit the module's official project page.

ARTICLE OUTLINE:

• Creating custom tab styles with Quick Tabs 6.x-2.0-rc1
• Upgrading tab styles from 6.x-1.0-beta1 to 6.x-2.0-rc1
• Ensuring global theme compatibility with Quick Tabs
• Theming a Quick Tabs block within another Quick Tabs
• Using jQuery blocks and AJAX compatibility within Quick Tabs