n Individual pods in which the content can be hidden or revealed under user control.
624
Adding Advanced Design Features Part III
continued
8. From the Field area, choose pic.
Because the pic XML data is composed of just the file name, you??™ll also need to add the desired path.
9. Place your cursor in the front of the code {ds1::pic} in the URL field and enter ../images/
so that the final entry in the field looks like this: ../images/{ds1::pic}. Click OK when
you??™re done.
10. Press Ctrl+S (Cmd+S) to save your page and then press F12 to preview the page in the browser.
As you rollover each of the different properties in the left column, a hover state should display a
different background color. Select an entry and the color changes again to a light brown??”and the
elements in the detail region change as well.
All of the Spry layout widgets use advanced JavaScript and CSS techniques; like the form widgets, each
requires a pair of external files that must be placed online. The layout widgets are just as easy to implement
and configure, too. Once dropped on the page, any layout widget can be quickly modified through the custom
Property inspector. Better still, for those widgets that involve multiple content areas, Dreamweaver is
capable of showing tabs or panels individually in Design view.
Pages:
1096
1097
1098
1099
1100
1101
1102
1103
1104
1105
1106
1107
1108
1109
1110
1111
1112
1113
1114
1115
1116
1117
1118
1119
1120