Example of Custom Format in ASP.NET MVC Numeric Textbox Control

This sample demonstrates the custom format functionalities of the Numeric TextBox. The value of Numeric TextBox will be displayed with defined custom format while typing a value or changing a value using up/down buttons in the input boxes.

DEMO

SOURCE

Enter the distance

Enter the tax

Enter the amount

The NumericTextBox provides an option to customize the display format of the numeric value using the formatopens in a new tab property. It accepts the standard numeric format stringopens in a new tab and custom numeric format stringopens in a new tab as specified in MSDN. The formatted value displays when the component is not focused.

In this demo, NumericTextBox control renders with the custom format ###.## km.

More information on the format configuration can be found in the documentation sectionopens in a new tab.