Because the Spry Collapsible Panel widget can be either open or closed when the Web page loads,
Dreamweaver lets you replicate those conditions. From the Collapsible panel Property inspector, you can
choose either Open or Closed from the Display list. This feature also makes it easy to edit or style content.
As with Tabbed and Accordion Panel widgets, you also have the option to select the eye icon that appears
when your cursor moves over the Collapsible Panel tab; with the Collapsible Panel widget, the eye icon toggles
between open and closed to reflect the state of the panel.
One additional control on the Property inspector allows you to turn the animation on or off. If the animation
is disabled, the panel collapses or expands immediately.
Like other panels, this widget expands to the width of the container??”a perfect layout device
for a sidebar. Even better, it??™s possible to stack them within a single container, as shown in
Figure 18-28. When the top Spry Collapsible Panel is expanded, the panels below it are pushed down; when
collapsed, they move up to fill the space. All in all, a very nice effect.
FIGURE 18-28
Stack two or more Spry Collapsible Panel widgets on top of each other with ease.
TIP TIP
631
Powering Ajax Pages with Spry 18
Spry Effects
The third category of the Spry framework in Dreamweaver is Spry effects.
Pages:
1106
1107
1108
1109
1110
1111
1112
1113
1114
1115
1116
1117
1118
1119
1120
1121
1122
1123
1124
1125
1126
1127
1128
1129
1130