View comments | RSS feed

Spry

Prepare your files

Before you add Spry widgets to your web pages, download and link the appropriate files.

  1. Locate the Spry ZIP file on the Adobe® Labs website.
  2. Download and unzip the Spry ZIP file to your hard drive.
  3. Open the unzipped Spry folder and locate the widgets folder. This folder contains all of the files necessary for adding and styling Spry widgets.
  4. Add widget files to your website by doing one of the following:
    • Copy the widgets folder and paste or drag a copy of it to the root directory of your web site. If you do this, you will have all of the files necessary for all of the widgets that Spry supports.

    • Create a folder in your website (for example, a folder called SpryAssets), open the widgets folder, and copy only the files or folders that pertain to the widgets you want to add. For example, to add only an Accordion widget to your web pages, copy the accordion folder, or the SpryAccordion.js and SpryAccordion.css files.

    Note: If you drag the original widgets folder or individual files out of the unzipped Spry folder, the demos in the Spry folder won’t work properly. Be sure to copy and paste to your website instead of dragging.
  5. When the correct widget JavaScript and CSS files are part of your website, you are ready to link them and add Spry widgets to your pages. For specific instructions on adding each widget to a page, see the individual widget sections.

Comments


Jon Michael Varese said on Mar 16, 2009 at 5:28 PM :
This is the URL for Adobe Labs:

http://labs.adobe.com/technologies/spry/
No screen name said on Jul 4, 2009 at 9:30 PM :
I am unable to find the spry zip file on adobe labs website. I cannot figure out
how to download the sliding panel widget. The information on the help folder
is not helpful.
jonmichael said on Jul 8, 2009 at 1:08 PM :
Click the Learn More button on the linked page above. Then on the Spry home page, click the Download button in the upper-right corner of the page.
acwWeb said on Aug 13, 2009 at 12:30 PM :
Following your instructions takes you to the download of a .mxp file not a zip file. The .mxp file is an updater that does not contain additional widgets. Please provide better instructions, as I would love to use the radio button validation widget.
jonmichael said on Aug 13, 2009 at 12:52 PM :
If you are getting an MXP download then you are downloading the UPDATER, and not the Spry Framework itself.

Try accessing this page directly:

http://www.adobe.com/cfusion/entitlement/index.cfm?e=labs_spry

On that page, the first download section is for the Spry 1.6.1 Framework. It's a ZIP file.
Endante1 said on Oct 4, 2009 at 10:14 AM :
I am using DW CS4. most of the widgets mentioned are already accessable from the "Insert" menu. however I do not find the Auto-Suggest Widget there.

Is it supposed to be, or is it new enough that it is "build-by-hand"? anyone know?
jonmichael said on Oct 5, 2009 at 11:49 AM :
The auto-suggest widget is not one of the widgets delivered with Dreamweaver CS4. It is a build-by-hand widget only at this point.

 

RSS feed | Send me an e-mail when comments are added to this page | Comment Report

Current page: http://livedocs.adobe.com/en_US/Spry/SDG/WSDF65A114-A400-495a-9312-DDCE035D6C19.html