ASP .NET Core MVC Documentation

Sets or gets the buttonsPosition property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider buttons-position="left"></jqx-slider>

Sets or gets the disabled property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider disabled="true"></jqx-slider>

Sets or gets the height property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider height="35"></jqx-slider>

Sets or gets the layout property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider layout="reverse"></jqx-slider>

Sets or gets the mode property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider mode="fixed"></jqx-slider>

Sets or gets the minorTicksFrequency property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider minor-ticks-frequency="2"></jqx-slider>

Sets or gets the minorTickSize property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider minor-tick-size="4"></jqx-slider>

Sets or gets the max property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider max="10"></jqx-slider>

Sets or gets the min property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider min="5"></jqx-slider>

Sets or gets the rangeSlider property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider range-slider="true"></jqx-slider>

Sets or gets the rtl property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider rtl="true"></jqx-slider>

Sets or gets the step property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider step="2"></jqx-slider>

Sets or gets the showTicks property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider show-ticks="false"></jqx-slider>

Sets or gets the showMinorTicks property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider show-minor-ticks="true"></jqx-slider>

Sets or gets the showTickLabels property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider show-tick-labels="true"></jqx-slider>

Sets or gets the showButtons property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider show-buttons="true"></jqx-slider>

Sets or gets the showRange property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider show-range="true"></jqx-slider>

Sets or gets the template property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider template="success"></jqx-slider>

Sets or gets the theme property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider theme="energyblue"></jqx-slider>

Sets or gets the ticksPosition property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider ticks-position="bottom"></jqx-slider>

Sets or gets the ticksFrequency property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider ticks-frequency="1"></jqx-slider>

Sets or gets the tickSize property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider tick-size="7"></jqx-slider>

Sets or gets the tickLabelFormatFunction property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider tick-label-format-function="tickLabelFormatFunction"></jqx-slider>

Sets or gets the tooltip property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider tooltip="true"></jqx-slider>

Sets or gets the tooltipHideDelay property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider tooltip-hide-delay="2000"></jqx-slider>

Sets or gets the tooltipPosition property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider tooltip-position="far"></jqx-slider>

Sets or gets the tooltipFormatFunction property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider tooltip-format-function="tooltipFormatFunction"></jqx-slider>

Sets or gets the value property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider value="5"></jqx-slider>

Sets or gets the values property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider values='[5,15]'></jqx-slider>

Sets or gets the width property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider width="300"></jqx-slider>

Code examples

Bind to the change event of jqxSlider.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider on-change="eventHandler()"></jqx-slider>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

Code examples

Bind to the created event of jqxSlider.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider on-created="eventHandler()"></jqx-slider>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

Code examples

Bind to the slide event of jqxSlider.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider on-slide="eventHandler()"></jqx-slider>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

Code examples

Bind to the slideStart event of jqxSlider.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider on-slide-start="eventHandler()"></jqx-slider>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

Code examples

Bind to the slideEnd event of jqxSlider.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider on-slide-end="eventHandler()"></jqx-slider>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider instance="getInstance()"></jqx-slider>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["destroy"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider instance="getInstance()"></jqx-slider>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["decrementValue"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider instance="getInstance()"></jqx-slider>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["disable"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider instance="getInstance()"></jqx-slider>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["enable"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider instance="getInstance()"></jqx-slider>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["focus"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider instance="getInstance()"></jqx-slider>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		var result = instance["getValue"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider instance="getInstance()"></jqx-slider>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["incrementValue"]();									
	}									
</script>									
}

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider instance="getInstance()"></jqx-slider>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["setValue"](10);									
	}									
</script>									
}

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxslider.js"></script>
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "ASP .NET MVC Slider Example";
}
<jqx-slider instance="getInstance()"></jqx-slider>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		var result = instance["val"]();									
	}									
</script>									
}