Understanding the Spry Tooltip widget


show more Understanding the Spry Tooltip widget provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS4 New Features show less
please wait ...

Understanding the Spry Tooltip widget

Without a doubt, one of the coolest Spry additions to Dreamweaver CS4 is the addition of the Tooltip widget. A Spry-based tooltip gives you the ability to have your user hover over an element on the page and have additional content appear in a floating window. Like so. Well you can create CSS based tooltips with relative ease, the addition of the related Spry JavaScript means that you can set delays, special effects such as the fading in and out that you are seeing here and not be tied to any specific structural markup since any element on the page with an ID can trigger the tooltip.

In our first exercise, we will create a Spry Tooltip and examine the default settings before customizing it to look and feel the way we want it to. So we're back in Dreamweaver and since we're working along with the exercise files, we're going to go into the 10 folder and we're going to open up the shop.htm that is found inside that folder. If I collapse my panels down to icons so that we have littl...

Understanding the Spry Tooltip widget
Video duration: 5m 7s 1h 58m Intermediate

Viewers:

Understanding the Spry Tooltip widget provides you with in-depth training on Web. Taught by James Williamson as part of the Dreamweaver CS4 New Features

Subject:
Web
Software:
Dreamweaver
Author:
please wait ...