CSSMenuTools Logo
Dreamweaver Extensions Expression Web Addins

Tooltips Advancer - Item

Item

ToolTip Settings

ToolTip settings enable you to set properties for each ToolTips item. Just select the item that you want to edit in the Items List and choose the following properties.

Target

Enter text for ToolTips link. Data from this field will be wrapped by the <span> HTML tag after saving.

HTML

Enter the tooltip content. Allowed using of HTML tags. Content of the tooltip can be modified later directly inside Expresion Web document.

URL

Enter URL that returns content of the tooltip. See How to use AJAX for detail.

Header

Enter content of the tooltip header. Allowed using of Html tags.

Style

Choose a style to apply to current ToolTips item.

To add new style or to edit existing styles switch to Style Editor tab.

Position

This option allows to define the location of the tooltip window appearance relatively target. Available the following values:

Top
ToolTip appears above the object of interest.
Right
ToolTip appears to the right of the object of interest.
Bottom
ToolTip appears below the object of interest.
Left
ToolTip appears to the left of the object of interest.
Auto
This option automatically sets position to show entire tooltip window.
Absolute
This option sets absolute postion for tooltip window.

Open/Close group

This group allows to set events which hide/show tooltip windows and animation effect.

 

Open On

This option defines the action/event that shows tooltip. Available the following values: mouseover and click.

Close On

This option defines the event on which the tooltip window hides. Available the following values: mouseout, click, icon. Icon option is available if "Use Close Icon" option assigned in current style. Close icon will appear on tooltip header in this case. See Style Editor tab.

Effect

This option used to assign animation effect used to show/hide tooltip window. The following effect available:

  • Snap
  • Fade
  • Roll
  • Slide
  • Zoom
  • Cursor

By default all of these effects are included in the tooltip js script. Size of the tooltip script can be reduced by excluding unnecessary animation effects. See Script Size Optimization. In that case effects included in the current script can be used only. This case the More ... button will appear.

More...

This button appears when not all the possible animation effects included in current script. See Script Size Optimization.

Default

After assigning default value for the parameter this value will be used for all new created tooltips.

Apply to All

Apply current value of the option to all the tooltips in the document.

AJAX Preload

Image path

Enables to set the Preloading Image. This image will be displayed inside Tooltip Window while the contents of the tooltip will be loaded. Select image file using Browse button or type the image path in the edit box or double-click on image box to open the image selection dialog. Selected image field can be cleared using Delete button.

Usually animated gif images are using here. For creating such gifs you can use free service on site http://www.ajaxload.info

This image will used for all the tooltips which contain URL as content type.


 

Previous Next