RadNumericTextBox in iPad

6 posts, 0 answers
  1. Blas
    Blas avatar
    55 posts
    Member since:
    Dec 2007

    Posted 16 Sep 2013 Link to this post

    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


  2. Angel Petrov
    Admin
    Angel Petrov avatar
    1006 posts

    Posted 19 Sep 2013 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Blas
    Blas avatar
    55 posts
    Member since:
    Dec 2007

    Posted 20 Sep 2013 Link to this post

    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
  5. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 20 Sep 2013 Link to this post

    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.
  6. Blas
    Blas avatar
    55 posts
    Member since:
    Dec 2007

    Posted 23 Sep 2013 Link to this post

    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


  7. Vasil
    Admin
    Vasil avatar
    1547 posts

    Posted 24 Sep 2013 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017