Properties

absolutePositionX int 0

Sets or gets the absolutePositionX property.

<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip absolute-position-x="20" selector="tooltip"></jqx-tool-tip>
absolutePositionY int 0

Sets or gets the absolutePositionY property.

<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip absolute-position-y="20" selector="tooltip"></jqx-tool-tip>
autoHide bool true

Sets or gets the autoHide property.

<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip auto-hide="false" selector="tooltip"></jqx-tool-tip>
autoHideDelay int 3000

Sets or gets the autoHideDelay property.

<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip auto-hide-delay="100" selector="tooltip"></jqx-tool-tip>
animationShowDelay int 'fast'

Sets or gets the animationShowDelay property.

<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip animation-show-delay="2000" selector="tooltip"></jqx-tool-tip>
animationHideDelay int 'fast'

Sets or gets the animationHideDelay property.

<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip animation-hide-delay="2000" selector="tooltip"></jqx-tool-tip>
content string ''

Sets or gets the content property.

<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip content="This is a jqxButton." selector="tooltip"></jqx-tool-tip>
closeOnClick bool true

Sets or gets the closeOnClick property.

<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip close-on-click="false" selector="tooltip"></jqx-tool-tip>
disabled bool false

Sets or gets the disabled property.

<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip disabled="true" selector="tooltip"></jqx-tool-tip>
enableBrowserBoundsDetection bool true

Sets or gets the enableBrowserBoundsDetection property.

<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip enable-browser-bounds-detection="true" selector="tooltip"></jqx-tool-tip>
height int 'auto'

Sets or gets the height property.

<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip height="30" selector="tooltip"></jqx-tool-tip>
left int 0

Sets or gets the left property.

<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip left="100" selector="tooltip"></jqx-tool-tip>
name string ''

Sets or gets the name property.

<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip name="tooltipGroup" selector="tooltip"></jqx-tool-tip>
opacity int 0.9

Sets or gets the opacity property.

<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip opacity="0.5" selector="tooltip"></jqx-tool-tip>
position string 'default'

Sets or gets the position property.

<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip position="top" selector="tooltip"></jqx-tool-tip>
rtl bool false

Sets or gets the rtl property.

<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip rtl="true" selector="tooltip"></jqx-tool-tip>
showDelay int 100

Sets or gets the showDelay property.

<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip show-delay="200" selector="tooltip"></jqx-tool-tip>
showArrow bool true

Sets or gets the showArrow property.

<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip show-arrow="false" selector="tooltip"></jqx-tool-tip>
top int 0

Sets or gets the top property.

<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip top="100" selector="tooltip"></jqx-tool-tip>
trigger string 'hover'

Sets or gets the trigger property.

<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip trigger="click" selector="tooltip"></jqx-tool-tip>
theme string ''

Sets or gets the theme property.

<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip theme="energyblue" selector="tooltip"></jqx-tool-tip>
width int 'auto'

Sets or gets the width property.

<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip width="200" selector="tooltip"></jqx-tool-tip>

Events

close Event

Code examples

Bind to the close event of jqxTooltip. 

<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip on-close="eventHandler()" selector="tooltip"></jqx-tool-tip>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}
closing Event

Code examples

Bind to the closing event of jqxTooltip. 

<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip on-closing="eventHandler()" selector="tooltip"></jqx-tool-tip>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}
open Event

Code examples

Bind to the open event of jqxTooltip. 

<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip on-open="eventHandler()" selector="tooltip"></jqx-tool-tip>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}
opening Event

Code examples

Bind to the opening event of jqxTooltip. 

<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip on-opening="eventHandler()" selector="tooltip"></jqx-tool-tip>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

Methods

close Method 
<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip instance="getInstance()" selector="tooltip"></jqx-tool-tip>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["close"]();									
	}									
</script>									
}
destroy Method 
<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip instance="getInstance()" selector="tooltip"></jqx-tool-tip>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["destroy"]();									
	}									
</script>									
}
open Method 
<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip instance="getInstance()" selector="tooltip"></jqx-tool-tip>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["open"]();									
	}									
</script>									
}
refresh Method 
<script src="~/jqwidgets/jqxtooltip.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
<span id="tooltip">Move cursor here to see the tooltip</span>
<jqx-tool-tip instance="getInstance()" selector="tooltip"></jqx-tool-tip>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["refresh"]();									
	}									
</script>									
}