@using APP.Controllers
@{
    ViewBag.Title = "NumericTextBox";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>NumericTextBox Features:</h2>
<br/>
<li> NumericTextBox Samples - Default</li>
<li> Theme - Bootstrap-Theme</li>
<br/>
<div id = "ControlRegion">
              <div style="width: 400px; margin: 0 auto">
    </div>
<div style="padding-top: 20px; margin: 0 auto; width: 300px;">
    <div>
        <label>Numeric TextBox</label>
        <br />
        <ejs-numerictextbox id="numeric" value="10" width="250px"></ejs-numerictextbox>
    </div>
    <br />
    <div>
        <label>Percentage TextBox</label>
        <br />
        <ejs-numerictextbox id="percentage" value="0.5" min="0" max="1" step="0.01" format="p2" width="250px"></ejs-numerictextbox>
    </div>
    <br />
    <div>
        <label>Currency TextBox</label>
        <br />
        <ejs-numerictextbox id="currency" value="100" format="c2" width="250px"></ejs-numerictextbox>
    </div>
</div>
<style>
    .content-wrapper {
        width: 35%;
        margin: 0 auto;
        min-width: 185px;
    }
    .e-float-input.e-numeric.e-input-group {
        margin-top: 40px;
    }
    .control-label {
        padding: 24px 0px 10px 0px;
        font-size: 12px;
    }
</style>
<div>