@{
    var formats = new[] { "n0", "n2", "c0", "c2", "p0", "p2" };
}

<h1>
    InputNumber Formatting
</h1>

<p>
    Use the InputNumber's <b>format</b> property to format numbers
    as they are edited, making them easy to read.
</p>
<p>
    The syntax of the <b>format</b> parameter is similar to
    the one used in .NET and is
    <a href="http://helpcentral.componentone.com/nethelp/c1mvchelpers/wijmo.Globalize.Class.html#formatNumber" target="_blank">documented here</a>.
</p>
<div id="inputNumbers" class="demo-settings">
    @foreach (var format in formats)
    {
        var id = "theInputNumberF" + format;
        <label for="@id">Format @format: </label>
        @Html.C1().InputNumber().Id(id)
        <br />
    }
</div>

<script>

</script>