jqwidgets-scripts-custom
Version:
jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.
40 lines • 1.24 kB
HTML
<div id='jqxWidget' style="font-size: 13px; font-family: Verdana; float: left;">
<div style='margin-top: 10px;'>
Number
</div>
<div style='margin-top: 3px;'>
<jqxNumberInput [theme]="'material'" #numericInput
[rtl]="true"
[spinButtons]="true"
[inputMode]="'simple'"
[width]="250"
[height]="25">
</jqxNumberInput>
</div>
<div style='margin-top: 10px;'>
Percentage
</div>
<div style='margin-top: 3px;'>
<jqxNumberInput [theme]="'material'" #percentageInput
[rtl]="true"
[spinButtons]="true"
[digits]="3"
[symbolPosition]="'right'"
[symbol]="'%'"
[width]="250"
[height]="25">
</jqxNumberInput>
</div>
<div style='margin-top: 10px;'>
Currency
</div>
<div style='margin-top: 3px;'>
<jqxNumberInput [theme]="'material'" #currencyInput
[rtl]="true"
[spinButtons]="true"
[symbol]="'$'"
[width]="250"
[height]="25">
</jqxNumberInput>
</div>
</div>