NumericTextbox looks disabled

3 posts, 1 answers
  1. Phil
    Phil avatar
    30 posts
    Member since:
    Aug 2012

    Posted 03 Jul 2012 Link to this post

    Is there a reason why the default view of the numerictextbox, without any parameters added to it, looks like a disabled normal textbox?  Not only is it grey, but when you hover the mouse over it, the cursor becomes a circle with a slash across it, which is basically the universal symbol for 'you can't do anything here'.  Sure, i can still click on the box, and when i do it turns white, but it's not really an optimal UI design.  Any way i can change both of these defaults (the non-focused color of the textbox, and the mouse cursor)?

    This question has been added as a request here:
  2. M
    M avatar
    29 posts
    Member since:
    Oct 2012

    Posted 22 Nov 2012 Link to this post

    I have this issue too -- it's very confusing for users and completely counter-intuitive.

    All the NumericTextBoxes on my inline editable grids have this problem. When hovered over (before clicking in them) the system's 'unavailable' cursor is used.

    However, I've noticed this isn't the case in the Grid's inline editing demo? Can somebody please explain what's going on here?


  3. Answer
    M avatar
    29 posts
    Member since:
    Oct 2012

    Posted 23 Nov 2012 Link to this post

    Apologies to Telerik... this is not really it's problem.

    Phil, can I assume you are using Bootsrap CSS? If so, you'll need to remove the following:

    input[readonly] { cursor:not-allowed; background-color:#eee }

    that fixes the issue (at least, it did for me).


Back to Top