Finally, each widget is completely customizable
through associated CSS rules??”it??™s easy to integrate widgets into the look-and-feel of any CSS-based site.
Another commonality that Spry widgets share is their representation in Design view: each is contained by a
blue border with an identifying tab, as shown in Figure 18-14, much like editable regions for Dreamweaver
templates. To select any widget to modify the values of its Property inspector, click the blue tab.
612
Adding Advanced Design Features Part III
continued
If you preview the page in a browser at this point, you??™ll see the XML data displayed, complete with
state-changing effects. In the next Dreamweaver Technique, you??™ll extend the Spry data connection to
a detail region.
FIGURE 18-14
Select a widget??™s blue tab to invoke its Property inspector.
As with the Spry Data objects, support files??”one for JavaScript and one for CSS for each Spry widget??”
are automatically copied to the SpryAssets folder in your site root. These files are required and must be
uploaded to your live site along with your other Web pages and assets.
For all their similarities, each of the Spry widgets offers a great deal of individual functionality. The following
sections will show you how you can maximize that functionality to get the most out of your pages, starting
with the Spry form validation widgets.
Pages:
1078
1079
1080
1081
1082
1083
1084
1085
1086
1087
1088
1089
1090
1091
1092
1093
1094
1095
1096
1097
1098
1099
1100
1101
1102