Operation Manual

440
USING DREAMWEAVER
Building Spry pages visually
Last updated 3/28/2012
Dreamweaver renders the HTML data source in the Data Selection window, and displays visual markers for the
elements that are eligible as containers for the data set. The element you want to use must already have a unique
ID assigned to it. If it doesn’t, Dreamweaver will display an error message, and you’ll need to go back to the data
source file and assign a unique ID. Additionally, eligible elements in the data source file cannot reside in Spry
regions, or contain other data references.
Alternatively you can specify a Design Time Feed as your data source. For more information, see “Use a design-
time feed” on page 446.
• Select the element for your data container by clicking one of the yellow arrows that appears in the Data Selection
window, or by choosing an ID from the Data Containers pop-up menu.
Selecting the element for the HTML data set data container.
For lengthy files, you can click the Expand/Collapse arrow at the bottom of the Data Selection window to see
more of the data.
Once you select the container element for the data set, Dreamweaver displays a preview of the data set in the
Data Preview window.
• (Optional) Select Advanced Data Selection if you want to specify CSS data selectors for the data set. For example,
if you specified .product in the Row Selectors text box, and .boximage in the Column Selectors text box, the data
set would include only those rows with the .product class assigned to them, and only those columns with the
.boximage class assigned to them.
If you want to type more than one selector in a given text box, separate the selectors with a comma.
For more information, see “About Spry data selectors” on page 446.
• When you’re finished in the Specify Data Source screen, click Done to create the data set right away, or click
Next to go on to the Set Data Options screen. If you click Done, the data set becomes available in the Bindings
panel (Window
> Bindings).