Spry widgets are replaced with jQuery widgets in Dreamweaver CC and later. While you can still modify existing spry widgets on your page, you cannot add new spry widgets.
jQuery UI widgets such as accordion, tabs, datepicker, slider, and autocomplete bring the experience of the desktop to the web.
For example, the Tabs widget can be used to replicate the tab feature of dialog boxes in desktop applications.
Learn how the latest support for HTML5, CSS3, jQuery and PHP5.4 in Dreamweaver can help you author static, dynamic, mobile or responsive projects.
Insert a jQuery widget
When you insert a jQuery widget, the following are automatically added to the code:
- References to all dependent files
- Script tag containing the jQuery API for the widget. Additional widgets are added to the same script tag.
For more information on jQuery widgets, see http://jqueryui.com/demos/
For jQuery effects, external reference to jquery-1.8.24.min.js is not added because this file is automatically included when you add an effect.
When you select a jQuery widget, its properties are displayed in the Properties panel.
You can preview jQuery widgets in the Live view or in browser that supports jQuery widgets.