Dreamweaver CS5 : Create Tabbed Panels

10/18/2011 6:25:19 PM

Dreamweaver's Tabbed Panels widget, available from the Spry menu, makes it easy to add a set of panels that can be changed by clicking the tabs at the top of the panel set. Because the Spry widget uses Ajax, the Web page does not have to be reloaded for the panels to change when a user clicks a tab.

Create Tabbed Panels

Note: If the Insert panel is not open, click Window and then click Insert to open it.

Click to place your cursor where you want to add the panel set.
Click in the Insert panel.
Click Spry.

The Spry Insert panel appears.
Click Spry Tabbed Panels.

A Spry tabbed panel appears in the workspace.
Click the blue Spry tabbed panels bar.
The tabbed panel bar properties appear in the Properties inspector.

Click .
A new tab is added to the panel group.
Click a tab in the Properties inspector and click to move the tab up or to move it down.

Can I add as many panels as I want?

Yes. But keep in mind that the more panels you include, the more space the panel group will take up in the browser, and the longer the page will take to download. Limiting a panel group to no more than eight items is a good practice.

Others

- Dreamweaver CS5 : Edit a Drop-Down Menu

- Getting Started with Photoshop CS5 : Checking for Updates and Patches

- Getting Started with Photoshop CS5 : Changing Image Size and Resolution

- QuarkXPress 8 : Typography - Working with tabs

- QuarkXPress 8 : Typography - Formatting characters and paragraphs

- Corel Painter X : Graphic Techniques - Vector Values

- Corel Painter X : Graphic Techniques - Fine Art Printmaking

- Adobe InDesign CS5 : Customizing - Modifying Keyboard Shortcuts (part 2)

- Adobe InDesign CS5 : Customizing - Modifying Keyboard Shortcuts (part 1)

- CorelDRAW X5 : Setting Up Your Document Page (part 2) - Controlling Page Background Color & Using Layouts and Labels