Operation Manual

415
USING DREAMWEAVER
Building Spry pages visually
Last updated 3/28/2012
Insert the Tooltip widget
❖ Select Insert > Spry > Spry Tooltip.
Note: You can also insert a Tooltip widget by using the Spry category in the Insert panel.
This action inserts a new Tooltip widget with a container for the tooltip content, and a placeholder sentence that acts
as the tooltip trigger.
You can also select an existing element on the page (for example, an image), and then insert the tooltip. When you do
this, the element you selected acts as the new tooltip’s trigger. The selection must be a full tag element (for example an
img tag or a p tag) so that Dreamweaver can assign an ID to it if it does not already have one.
Edit Tooltip widget options
You can set options that let you customize the Tooltip widget’s behavior.
1 Hover over or place the insertion point in the tooltip content on the page.
2 Click the Tooltip widget’s blue tab to select it.
3 Set options in the Tooltip widget Property inspector as desired.
Name The name of the tooltip container. The container holds the content of the tooltip. By default Dreamweaver uses
a
div tag as the container.
Trigger The element on the page that activates the tooltip. By default Dreamweaver inserts a placeholder sentence,
surrounded by
span tags, as the trigger, but you can select any element on the page that has a unique ID.
Follow Mouse When selected, this option causes the tooltip to follow the mouse while hovering over the trigger
element.
Hide on Mouse Out When selected, this option keeps the tooltip open as long as the mouse is hovering over the tooltip
(even if the mouse leaves the trigger element). Keeping the tooltip open is useful if you have links or other interactive
elements in your tooltip. If this option is not selected, the tooltip element closes when the mouse leaves the trigger area.
Horizontal Offset Computes the tooltip’s horizontal position in relation to the mouse. The offset value is in pixels, and
the default offset is 20 pixels.
Vertical Offset Computes the tooltip’s vertical position in relation to the mouse. The offset value is in pixels, and the
default offset is 20 pixels
Show Delay The delay in milliseconds before the tooltip appears after it has entered the trigger element. The default
value is 0.
Hide Delay The delay in milliseconds before the tooltip disappears after it has left the trigger element. The default
value is 0.
Effect The type of effect you want to use when the tooltip appears. Blind simulates a window blind that moves up and
down to reveal and hide the tooltip. Fade fades the tooltip in and out. The default value is none.
Working with the Spry Validation Radio Group widget
About the Validation Radio Group widget
The Validation Radio Group widget is a group of radio buttons with validation support for the selection. The widget
enforces the selection of one radio button from the group.