NumericTextBox

NumericTextBoxes allow users to provide numeric values in a specific and predefined format.

Usage Guidelines

The Telerik and Kendo UI NumericTextBox requires you to follow some basic principles when using the component.

Text Label

Usually, the NumericTextBox is accompanied by a text label which clarifies its meaning and provides context to the user. When integrated in complex components, for example, in the cells of a Grid, the NumericTextBox does not require a label. The label of the NumericTextBox can be set as part of the Telerik and Kendo UI Form component.

A Telerik and Kendo UI NumericTextBox with a Quantity label with a few possible options.
Use a text label to clarify the meaning of the NumericTextBox.
A Telerik and Kendo UI NumericTextBox with no label making it impossible to understand what type of information is required.
Avoid skipping the text label unless the NumericTextBox is part of a complex component having its context already set.

Hint

If the required type of NumericTextBox input has some specific limitations, users must be aware of them so that they are able to meet the validation requirements.

A Telerik and Kendo UI NumericTextBox with a hint sentence in red stating that fraction numbers are not allowed in the text box.
Clarify the restrictions for the NumericTextBox input to help users meet its validation requirements.
A Telerik and Kendo UI NumericTextBox not accepting the user input or showing what its required type is.
Avoid leaving users at a loss as of why their input doesn't pass the validation requirements.

Placeholder

Apart from using a hint to indicate validation requirements, you can also use a placeholder to specify the format of the required user input.

A Telerik and Kendo UI NumericTextBox with a placeholder specifying the format of the required user input.
Use a placeholder to specify the format of the required user input.
A Telerik and Kendo UI NumericTextBox without any placeholder value typed in.
Avoid leaving the input field empty and prevent users from guessing what their required input format is.
Feedback