Wijmo UI for the Web
wijtooltip jQuery Widget
Show a popup tooltip or an overlay that provides information about a target element in a callout or small box. Embed any HTML, images, and text to create a fully customized tooltip.
Syntax
Javascript (Usage) 
$(function () {
    var options; // Type:  wijmo.tooltip.wijtooltip.options
     
    $(".selector").wijtooltip(options);
});
Javascript (Specification) 
function wijtooltip() : any;
Browser Compatibility
7
5
5
Options
 NameDescription
public OptionajaxCallback

Default value: null

A function that defines a callback when AJAX is uesd to set the content property.

 
public Optionanimation

Sets the showAnimation and hideAnimation options if they are not specified individually.

 
public OptioncalloutAnimation

Sets the callout's offset changing animation.

 
public OptioncalloutFilled

Default value: false

Determines the callout's class style. If true, then the callout triangle is filled.

 
public OptioncloseBehavior

Default value: 'auto'

Determines how to close the tooltip. Behaviors include auto or sticky.

 
public Optioncontent

Default value: ""

Sets the tooltip's content.

 
public Optioncontrolheight

Default value: null

Determines the height of the tooltip.

 
public Optioncontrolwidth

Default value: null

Determines the width of the tooltip.

 
public OptioncssClass

Default value: ""

A value that indicates whether to set user-defined class.

 
public Optiongroup

Default value: null

Determines which group the tooltip belongs to.

 
public OptionhideAnimation

Determines whether the animation effect can be seen.

 
public OptionhideDelay

Default value: 150

Determines the length of the delay before the tooltip disappears.

 
public Optionmodal

Default value: false

A value that indicates whether to show the modal tooltip.

 
public OptionmouseTrailing

Default value: false

If true, then the tooltip moves with the mouse.

 
public Optionposition

Sets the tooltip's position mode in relation to the 'relativeTo', 'offsetX', and 'offsetY' properties.

 
public OptionshowAnimation

Determines the animation effect that will be shown.

 
public OptionshowCallout

Default value: true

Determines whether to show the callout element.

 
public OptionshowDelay

Default value: 150

Determines the length of the delay before the tooltip appears.

 
public Optiontitle

Default value: ""

Specifies a value that sets the tooltip's title.

 
public Optiontriggers

Default value: 'hover'

Sets the event that will cause the tooltip to appear.

 
Top
Methods
 NameDescription
public MethoddestroyRemoves the wijtooltip functionality completely. This returns the element back to its pre-init state.  
public MethodhideHides the tooltip.  
public MethodshowShows the tooltip  
public MethodshowAtShows the tooltip at the specified position  
public MethodwidgetReturns the wijtooltip element.  
Top
Events
 NameDescription
public EventhiddenTriggered once the tooltip is hidden.  
public EventhidingTriggered before hiding the tooltip.If data.cancel is set to true, then the tooltip is no longer hidden  
public EventshowingTrigegred before showing the tooltip. Use return false; to cancel the event and stop showing the tooltip.  
public EventshownTriggered once the tooltip has shown.  
Top

See Also

Widgets

Tooltip

Reference

wijtooltip jQuery Widget

 

 


© 2013 All Rights Reserved.

Send comments on this topic.