Tab Panel Magic by PVII

Movie: A Tab Panel in less than 1 minute

Tab Panel Magic automates the process of building tabbed user interfaces (UIs) - page elements that allow you to display multiple panels of content with access to each panel controlled by CSS-styled tabs. Tab Panels can be inserted into CSS layouts or table layouts. Panels can be tucked snugly into sidebars or can span an entire page. You can insert multiple Tab Panels on a single page.

Tab Panel Magic: The Process...

To create a Tab Panel...

  • Click the TPM icon.
  • Enter an optional Panel Title.
  • Add Tab Buttons as needed.
  • Select a Style Theme.
  • Select an optional animation.
  • Click OK.

It's automagic.

Edit or Modify it...

Click the TPM icon while your cursor is inside an existing Tab Panel and the Tab Panel Magic user interface will open in Modify Mode, enabling you to perform the following tasks:

  • Add new tab buttons.
  • Remove existing tab buttons.
  • Change the order of your tabs.
  • Select a different Style Theme.
  • Change your animation effect.

You're in total control - without having to do any coding yourself.

Select a Theme...

TPM comes with 12 attractive Style Themes. Themes use standards-based CSS so you can easily customize them using Dreamweaver's built-in CSS editor - or an external editor of your choice. You can change your selected Style Theme at any time - even after your Tab Panel is created.

View Style Theme Examples...

Buy now...

Order Tab Panel Magic now [$60]. Submit your order, download it, and begin creating your own Tab Panels today.

Add to Cart...

No coding required...

Create or Modify your Tab Panel(s) from inside the comfort and safety of a Graphical User Interface.

What if a visitor has JavaScript turned off?

With JavaScript disabled, the Tab Buttons are hidden and all content panels are displayed linearly. Unlike many other tabbed UIs, including AJAX widgets, Tab Panel Magic content is accessible to users with script disabled - as well as to search engine robots.

What about help and support?

Tab Panel Magic comes with free PVII support - the gold standard for Dreamweaver Extensions. TPM also includes a 50+ page User Guide in PDF format.

TPM Features:

Tab Panel Magic comes with the features you need to get the job done professionally and efficiently, including:

  • Comprehensive, Tutorial-Based User Guide.
  • Efficient and Quick Loading: TPM is driven by about 2K of CSS and less than 4K of JavaScript.
  • Automated User Interface for both creating new Tab Panels and for modifying existing ones.
  • Add, delete, rename, or re-order your Tab Buttons from inside the TPM User Interface.
  • Position inside DIVs or Tables.
  • Optional Tab Panel Title.
  • 12 Included (and editable) Style Themes.
  • 27 optional Direct-X panel animations (MSIE 5.x and higher) plus an alternate DHTML Smooth Fade animation for other browsers.
  • External Panel Triggering: Set up links anywhere on your page to trigger Tab Buttons (triggering a Tab Button has the same affect that clicking it does).
  • Easy content editing: Content panels are visible and accessible in Dreamweaver, enabling you to add or edit content directly in Design View.
  • Content panels can include text, tables, lists, and images.
  • Support for non-JavaScript browsers: Browsers and user agents not running with script support will see all TPM panel content. The content will be displayed fully styled and linearly, while Tab Buttons will be hidden to avoid user confusion.
  • Section 508: TPM passes automated Section 508 accessibility checks. This means you have a great starting point from which to integrate TPM into an accessible site.

"The New York Times has got 'em. Yahoo has got 'em. Now I've got them too. Betcha my tabbed panels were a lot easier to create, and much prettier too!"

Linda Rathgeber-Stewart

Requirements...

Supporting browsers :

  • Firefox/Mozilla 1.x and higher (Windows-Mac)
  • Opera 7.x and higher (Win-Mac)
  • MSIE 5.x and higher (Win)
  • MSIE 5.x (Mac)
  • Netscape 7.2 and higher (Win-Mac)
  • Safari (Mac)

Degrades gracefully in older browsers - with all content panels visible and accessible.

Dreamweaver versions...

Dreamweaver MX is required. Dreamweaver MX2004, DW 8, CS3, or higher is recommended for better CSS rendering in Design View.