ASP .NET Core MVC Documentation

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>									
}

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>									
}

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>									
}

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>									
}

<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>									
}

<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>									
}

<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>									
}

<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>									
}