@{
	ViewBag.Title = "Overview";
	Layout = "~/Views/Shared/_WidgetLayout.cshtml";
}

@section header
{
	<script id="scriptInit" type="text/javascript">
		$(document).ready(function () {
			$("#textbox1").wijinputnumber(
			{
				type: 'numeric',
				minValue: -100,
				maxValue: 1000,
				decimalPlaces: 3,
				showSpinner: true
			});
		});
	</script>
}
<h2>Overview</h2>
<div class="main demo">
	<!-- Begin demo markup -->

				<input type="text" id="textbox1" value="2.324" />

				<h6>Options</h6>
				<p>min=-100; max=1000; DecimalPlaces=3;</p>
	<!-- End demo markup -->
	<div class="demo-options">
		<!-- Begin options markup -->
		<!-- End options markup -->
	</div>
</div>

@section description
{
	<p>
		The wijinputnumber widget can convert an input element into three different types of input: numeric, currency, or percentage.
	</p>
	<p>
		In this example, the default value is 2.324; only numeric input is accepted; the input value must be between 0 and 1000; and three decimal places are used.
	</p>
}


