How to Disable Kendo numeric text box uparrow and downarrow

2 posts, 0 answers
  1. Shankar
    Shankar  avatar
    1 posts
    Member since:
    Feb 2013

    Posted 14 Feb 2013 Link to this post

    I have a set of rules like.
    Allow to increase value ,
    Allow to decrease value.

    If we set above rules to false then I should prevent user increasing /Decreasing value from KendoNumericTextBox.

    So how can I achieve this?

    Code Example:

    HTML Code:

    <input class="inputMyCall" id="${Id}" type=number min=1 />

    JS Code:

             format: "#",

             spin: OnMyCallsChanged,


    Please advice.



  2. Dimiter Madjarov
    Dimiter Madjarov avatar
    2312 posts

    Posted 15 Feb 2013 Link to this post

    Hello Shankar,

    To enable/disable the spin arrows according to a boolean value, you could bind to their mousedown event and prevent the default action when needed. I am attaching an example which demonstrates the described approach. In the sample file I am also preventing the press of the up and down key arrows along with the spin arrows. 

    Please let me know if this covers your scenario.

    All the best,
    Dimiter Madjarov
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top