RadNumericTextBox in iPad

[Blas]

Hello

Using RadNumericTextBox in a mobile website doesn't pop up numeric keyboard in iPad. We're developing a website where the user has to enter a lot of numeric information and it has to choose the numeric pad each time it enters a new numeric field.

I know that using RadTextBox and Inputtype solves this problem, but I mainly use RadNumericTextBox because it allows to specified validation like min and max values to each field.

Thanks in advanced
Roberto

[Angel Petrov]

Hi Roberto,

I am sorry but with the current implementation of the RadNumericTextBox the numeric keyboard will not be invoked. For now you can use a RadTextBox with an InputType set to Number as you have already stated.

You can log this into our feedback portal and our developers will evaluate it and if they find a proper solution for the issue it will probably be included in a future release.

Regards,
Angel Petrov
Telerik

[Blas]

Hi Angel,

Thank you for your answer.

I've just posted it as a suggestion in your feedback portal. I hope the developer team regards my proposal. I think that if Telerik ASP.NET Ajax control are targeting also to a mobile audience, it will be important to improve input controls so they behave in the expected way in mobile devices.

In the meantime, is there any way to limit the user input to a range of min-max value using RadTextbox and inputtype="number"?

Greetings
Roberto

[Shinu]

Hi Roberto,

You can use the ASP RangeValidator to achieve your requirement. Please have a look at the following code I tried which works fine at my end.

ASPX:

<telerik:RadTextBox ID="RadTextBox1" runat="server" InputType="Number">
</telerik:RadTextBox>
<asp:RangeValidator runat="server" ID="RangeValidator1" ControlToValidate="RadTextBox1"
    Type="Integer" MinimumValue="0" MaximumValue="100" ErrorMessage="Please enter a valid between 0 and 100" />
<br />
<telerik:RadButton ID="RadButton1" runat="server" CausesValidation="true" Text="Click">
</telerik:RadButton>

Thanks,
Shinu.

[Blas]

Thank you Shinu for your proposal, but I have a lot of fields in the page.

I tried to change the type="text" attribute to type="number" of the RadNumericTextBox controls in the page with JQuery, but after a few hours of try-error tests I began to realize that it may be not possible to change the type attribute, isn't it?

I don't understand why Telerik isn't interested in change this behavoiur of the RadNumericTextBoxes to improve the experience of mobile users.

Regards
Roberto

[Vasil]

Hello Roberto,

The browsers behave too inconsistent when the type is number. They all fire events differently and their behaviour changes in each new version.
When the HTML5 support of all browsers become more consistent we will be able to change the type of visible input of RadNumericTextBox to number.

Regards,
Vasil
Telerik

[Ed]

This was 7 years ago. Are HTML5 input types compatible with RadNumericTextbox and RadMaskedTextBoxes yet?

[Eyup]

Hi Ed,

 

I don't think that here was a change in this area of the control.

Could you share what exactly you are looking to achieve? Perhaps, we can suggest you a suitable solution.

 

Regards,
Eyup
Progress Telerik