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 are no longer accepted for this version of the product. Please pose your questions in the Spry forum at http://forums.adobe.com/community/labs/spry.