Adding web widgets – Adobe Dreamweaver CC 2014 v.13 User Manual

Page 360

Adding web widgets

Note: The user interface has been simplified in Dreamweaver CC and later. As a result, you may not find some of the options described in this
article in Dreamweaver CC and later. For more information, see

this article

A web widget is a web page component comprised of HTML, CSS, and JavaScript. Examples of web widgets include accordions, tabbed panels,
and calendars.

You can make your own personal selection of web widgets available in Dreamweaver by using the Adobe Widget Browser—an AIR application
that lets you browse, configure, and preview widgets using a visual interface.

1. Select Insert > Widget.

2. In the Widget dialog box, select a widget and preset (if applicable) and click OK.

You can also add a web widget to a Dreamweaver page (CS5.5 and later) by doing the following:

1. In the Widget Browser, navigate to My Widgets.

2. Select the widget you want to add.

3. Click and hold the Drag and Drop in Dreamweaver icon at the upper left corner of the Live View tab. Drag the widget to Dreamweaver into

Design view (Windows) or Design or Code view (Macintosh OS).

You cannot drag and drop the widget into Live view, but you can use Live view to test the widget once you’ve dropped it into the page.