Operation Manual

446
USING DREAMWEAVER
Building Spry pages visually
Last updated 3/28/2012
3 Repeat the above steps for the Stacked Columns panel. By default Dreamweaver populates the stacked columns
with all of the data that is not in the spotlight area (that is, all columns except for the first column in the data set).
4 Click OK to close the dialog box and then click Done in the Choose Insert Options screen.
If you’re in Design view you’ll see the spotlight area with stacked containers alongside of it, populated with your
selected data references. The data references are highlighted and enclosed in curly brackets ({}).
Do Not Insert HTML
Select this option if you want to create a data set, but do not want Dreamweaver to insert an HTML layout for the data
set. The data set becomes available from the Bindings panel (Window
> Bindings), and you can manually drag pieces
of the data set to the page.
Even if you create a data set without inserting a layout, you can still insert one of the available HTML layouts at any
time. To do so, double-click the name of the data set in the Bindings panel, click through to the Choose Insert Options
screen, select your layout, and click Done.
Note: You can also drag the name of the data set from the Bindings panel to the insertion point on the page. When you
do so, the Choose Insert Options screen opens. Make your layout selection and click Done.
Edit a data set
After you create a Spry data set, you can edit it at any time.
❖ In the Bindings panel (Window > Bindings), double-click the name of your data set, and make your edits.
Note: When you edit a data set, and select a new layout in the Choose Insert Options screen, Dreamweaver does not
replace whatever layout is on the page, but rather inserts a new one.
Use a design-time feed
If you are working with data that is still being developed, you may find it useful to use a design-time feed. For example,
if the server developer is still finalizing the database behind your XML data file, you can use a test version of the file to
design your page separately from the database development.
When you use a design-time feed, Dreamweaver only populates your work environment with data from that feed.
References to the data source that exist in the page code remain references to the real data source you want to use.
1 Begin creating a Spry Data Set (see previous procedures for instructions).
2 In the Specify a Data Source screen, click the Design-time feed link.
3 Click the Browse button to locate the design-time feed and click OK.
About Spry data selectors
When you use Dreamweaver to create a Spry data set, Dreamweaver includes all of the data in a selected container by
default. You can refine this selection by using CSS data selectors. CSS data selectors let you include only a portion of
the data from the data source by allowing you to specify CSS rules that are attached to certain pieces of data. For
example, if you specify .product in the Row Selectors text box of the Specify Data Source screen, Dreamweaver creates
a data set that only contains rows with the .product class assigned to them.
You must select the Advance Data Selection option in the Specify Data Source screen for the data selectors boxes to
become active. If you enter data selectors and deselect the option, Dreamweaver retains what you typed in the boxes,
but does not use them as filters for the data set.