Settings

The NumericTextBox widget is initialized with the shieldNumericTextBox() constructor, passing it a dictionary of settings as shown below:

<input id="numeric" />

<script type="text/javascript">
    $(function () {
        $("#numeric").shieldNumericTextBox({
            min: 100,
            max: 1000,
            value: 300,
            step: 20,
            textTemplate: "{0} lines",
            editable: false,
            spinners: true,
            events: {
                change: function(e) {
                    console.log("New value is: " + e.value);
                }
            }
       });
    });
</script>

Details about all configuration settings can be found below.