Telerik UI for ASP.NET Core NumericTextBox Basic Usage

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Telerik REPL
  • Change Theme
    default
    Default Theme
    • Main
    • Main Dark
    • Nordic
    • Ocean Blue
    • Ocean Blue A11Y accessibility
    • Purple
    • Turquoise
    Bootstrap Theme
    • Main
    • Bootstrap 3
    • Bootstrap 3 Dark
    • Main Dark
    • Nordic
    • Turquoise
    • Turquoise Dark
    • Urban
    • Vintage
    Material Theme
    • Main
    • Arctic
    • Lime Dark
    • Main Dark
    • Nova
    Classic Theme
    • Main
    • Green
    • Green Dark
    • Lavender
    • Lavender Dark
    • Main Dark
    • Metro
    • Metro Dark
    • Moonlight
    • Opal
    • Opal Dark
    • Silver
    • Silver Dark
    • Uniform
    Fluent Theme
    • Main
    Launch Theme Builder
HtmlHelper
TagHelper
Files:
index.cshtml
IndexController.cs
Index_TagHelper.cshtml

Also available for:

CLIENT-SIDE API SERVER-SIDE API
devcraft ninja image

The NumericTextBox component is part of Telerik UI for ASP.NET Core, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Download Free Trial

Description

The Telerik UI for ASP.NET Core NumericTextBox is a component that allows input of numerical values through directly typing in the values or selecting values with the help of spinner buttons.

The demo shows different use cases for NumericTextBoxes such as input for different formats, restrictions to numbers and value ranges. In addition to those features, you can also include a floating label, and use globalization and accessibility support.

The ASP.NET Core NumericTextBox control is part of Telerik UI for ASP.NET Core, a professional-grade UI library with 110+ components for building modern and feature-rich web applications. The NumericTextBox is a server-side wrapper for the Kendo UI for jQuery NumericTextBox component and comes in the form of an HtmlHelper.

Functionality and Features

  • Different numeric formats—The NumericTextBox allows you to use different formats for displaying a numeric value that is specific for a particular country or region.
  • Labels and floating labels—The Label configuration enables you to associate the label HTML element with the NumericTextBox and you can also utilize the floating label functionality of the component.
  • Input restrictions—
  • Event handling—With the NumericTextBox, you can control the precision of the entered number and also restrict its value to a specific range.
  • Globalization and accessibility—The NumericTextBox is accessible for screen readers, supports WAI-ARIA attributes, delivers keyboard shortcuts for faster navigation, and enables you to render it in a right-to-left direction.

Additional Apps

This NumericTextBox example is part of unique collection of hundreds of ASP.NET Core demos, with which you can see all Telerik ASP.NET Core components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for ASP.NET Core or ThemeBuilder.

Support & Learning Resources

Additional Resources