ASP.NET Core NumericTextBox Setup

Shield UI NumericTextBox for ASP.NET Core is a server-side wrapper component implemented as an ASP.NET Core MVC Helper.

For a detailed guide how to setup Shield UI for your ASP.NET Core project, check out this page.

The ASP.NET Core MVC helper API is a 1:1 mapping of the JavaScript NumericTextBox widget configuration, so you only have to get familiar with a single set of configuration options:

// JavaScript Numeric Textbox demo
$("#weight").shieldNumericTextBox({
    min: 10,
    max: 1000,
    step: 5,
    textTemplate: "{0:n0} kg"          
});

// ASP.NET Core Numeric Textbox demo
@(Html.ShieldNumericTextBox()
    .Name("weight")
    .Value(20)
    .Min(10)
    .Max(1000)
    .Step(5)
    .TextTemplate("{0:n0} kg"))
)

To see the configuration options in action, please refer to our online demos.