Wijmo 5 - InputNumber

by Joel Parks

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.grapecity.com/wijmo/5.latest/styles/wijmo.min.css">
<script src="https://cdn.grapecity.com/wijmo/5.latest/controls/wijmo.min.js"></script>
<script src="https://cdn.grapecity.com/wijmo/5.latest/controls/wijmo.input.min.js"></script>
<div class="container">
	<div id="theInteger" class="inputNum"></div>
</div>

CSS

.wj-control {
	margin-bottom: 24px;
}

.inputNum:focus-within {
    border: 1px solid blue;
}

JavaScript

onload = function () {

    // create all the InputNumber controls
    var niInteger = new wijmo.input.InputNumber('#theInteger', {
        min: 0,
        max: 10,
        format: 'n0',
        placeholder: 'integer between zero and ten'
    });
}