Operation Manual

412
USING DREAMWEAVER
Building Spry pages visually
Last updated 3/28/2012
For a more comprehensive explanation of how the Tabbed Panels widget works, including a full anatomy of the
widget’s code, see
www.adobe.com/go/learn_dw_sprytabbedpanels.
Insert and edit the Tabbed Panels widget
Insert the Tabbed Panels widget
❖ Select Insert > Spry > Spry Tabbed Panels.
Note: You can also insert a Tabbed Panels widget by using the Spry category in the Insert panel.
Add a panel to a Tabbed Panels widget
1 Select a Tabbed Panels widget in the Document window.
2 Click the Panels plus button in the Property inspector (Window > Properties).
3 (Optional) Change the tab name by selecting the tab’s text in Design view and altering it.
Delete a panel from a Tabbed Panels widget
1 Select a Tabbed Panels widget in the Document window.
2 In the Panels menu of the Property inspector (Window > Properties), select the name of the panel you want to
delete and click the minus button.
Open a panel for editing
❖ Do one of the following:
• Move the mouse pointer over the tab of the panel you want to open in Design view and click the eye icon that
appears at the right of the tab.
• Select a Tabbed Panels widget in the Document window and click the name of the panel you want to edit in the
Panels menu of the Property inspector (Window
> Properties).
Change the order of panels
1 Select a Tabbed Panels widget in the Document window.
2 In the Panels menu of the Property inspector (Window > Properties), select the name of the panel you want to move.
3 Click the up or down arrows to move the panel up or down.
Set the default open panel
You can set which panel of the Tabbed Panels widget opens by default when the page opens in a browser.
1 Select a Tabbed Panels widget in the Document window.
2 In the Property inspector (Window > Properties), select the panel you want open by default from the Default panel
pop-up menu.
Customize the Tabbed Panels widget
Although the Property inspector enables you to make simple edits to a Tabbed Panels widget, it does not support
customized styling tasks. You can alter the CSS rules for the Tabbed Panels widget and create a widget that is styled to
your liking.