Gets or sets the jqxTooltip's content.

Code examples

Initialize a jqxTooltip with the content property specified.

$('#jqxTooltip').jqxTooltip({content: 'Custom String'});

Gets or sets the jqxTooltip's location. The location property defines the tooltip's display position. The default value is set to 'bottom-right' which means that when the mouse cursor is over a html element that has an associated tooltip, the tooltip will be displayed at the bottom-right edge of the element.

Possible values: "top", "left", "bottom", "right", "bottom-right", "top-right", "top-left", "absolute", "relative"

Code examples

Initialize a jqxTooltip with the location property specified.

$('#jqxTooltip').jqxTooltip({content: 'Custom String'});

Gets or sets the horizontal offset of the tooltip.

Code examples

Initialize a jqxTooltip with the horizontalOffset property specified.

$('#jqxTooltip').jqxTooltip({ horizontalOffset:3 }); 

Gets or sets the vertical offset of the tooltip.

Code examples

Initialize a jqxTooltip with the verticalOffset property specified.

$('#jqxTooltip').jqxTooltip({ verticalOffset:3 }); 

Gets or sets whether the fade animation is enabled.

Code examples

Initialize a jqxTooltip with the enableAnimation property specified.

$('#jqxTooltip').jqxTooltip({ enableAnimation:true }); 

Gets or sets the delay of the fade animation when the tooltip is going to be opened.

Code examples

Initialize a jqxTooltip with the animationShowDuration property specified.

$('#jqxTooltip').jqxTooltip({ animationShowDuration:250 }); 

Gets or sets the delay of the fade animation when the tooltip is going to be closed.

Code examples

Initialize a jqxTooltip with the animationHideDuration property specified.

$('#jqxTooltip').jqxTooltip({ animationHideDuration:250 }); 

Gets or sets the tooltip's display time-interval.

Code examples

Initialize a jqxTooltip with the animationHideDelay property specified.

$('#jqxTooltip').jqxTooltip({ animationHideDelay:1000 }); 

Gets or sets the time-interval which specifies how much time the mouse cursor should be over the tooltip's target before the tooltip is opened.

Code examples

Initialize a jqxTooltip with the animationShowDelay property specified.

$('#jqxTooltip').jqxTooltip({ animationShowDelay:1000 }); 

Gets or sets whether to treat the 'content' property value as html inside the tooltip.

Code examples

Initialize a jqxTooltip with the showHtml property specified.

$('#jqxTooltip').jqxTooltip({ showHtml: false }); 

Gets whether the tooltip is disabled.

Code examples

Initialize a jqxTooltip with the disabled property specified.

$('#jqxTooltip').jqxTooltip({ disabled:false }); 

This event is triggered when the tooltip is opened.

Code examples

Bind to the shown event by type: jqxTooltip.

$('#jqxTooltip').bind('shown', function () { // Some code here. }); 

This event is triggered when the tooltip is closed.

Code examples

Bind to the shown closed by type: jqxTooltip.

$('#jqxTooltip').bind('closed', function () { // Some code here. }); 

Closes the tooltip.

Code examples

Invoke the close method.

$('#jqxTooltip').jqxTooltip('close'); 

Opens the tooltip.

Code examples

Invoke the open method.

//@param String - tooltip's content.

//@param(optional) Number - tooltip's vertical offset.

//@param(optional) Number - tooltip's horizontal offset.

$('#jqxTooltip').jqxTooltip('open', 'content'); 

Adds a tooltip to html element.

Code examples

Invoke the add method.

//@param element - html element.

//@param String - tooltip's text.

var element = $('#bottomRight');

$("#jqxTooltip").jqxTooltip('add', element, 'jqxTooltip');

Removes a tooltip associated to a html element.

Code examples

Invoke the remove method.

// @param element - html element.

var element = $('#bottomRight');

$("#jqxTooltip").jqxTooltip('remove', element);