2. From the Spry or Layout categories of the Insert bar, choose Spry Tabbed Panel Bar.
The default tabbed panel, with two tabs, is inserted into the page and the custom Property inspector
(see Figure 18-24) is displayed.
FIGURE 18-24
A Spry Tabbed Panel widget expands to the width of its container.
627
Powering Ajax Pages with Spry 18
3. To increase the number of tabs, from the Property inspector choose Add (+).
The new tab is inserted below the currently selected entry.
4. To remove a previously inserted tab, choose Remove (-).
5. To change the order of the tabs, select any tab and use the Up and Down buttons to adjust the tab
position.
Tabs nearer to the top in the Property inspector are, in Design view, positioned to the left of the
tabs beneath them.
6. To set the tab initially shown when the page loads, select the tab name from the Default list.
As expected, the first time you save a file with a Spry Tabbed Panel widget, Dreamweaver lets
you know of the supporting files that have been copied to your site and will need to be posted
online. The Spry Tabbed Panel widget relies on two supporting files: SpryTabbedPanels.js and
SpryTabbedPanels.css.
All modifications to the tab labels and content areas are performed directly in Design view.
Pages:
1101
1102
1103
1104
1105
1106
1107
1108
1109
1110
1111
1112
1113
1114
1115
1116
1117
1118
1119
1120
1121
1122
1123
1124
1125