Disabled Controls Unreadable on iPad

2 posts, 1 answers
  1. Jeremy Yoder
    Jeremy Yoder avatar
    131 posts
    Member since:
    Dec 2009

    Posted 09 May 2013 Link to this post

    When browsing to a page with disabled telerik controls, their fonts are grayed out, but readable, as expected. This is when browsing from a Windows machine, even if using Safari.

    However, on the iPad, the fonts are all  bleached out, making them impossible to read. Is this a Telerik or an iPad bug? In any case, we need to get around it.

    Would you recommend a CSS setting that sets all font colors on all disabled telerik controls? If so, how is that done? (For now, if it can't be applied to all telerik controls, we at least need it to work for RadComboBox, RadNumericTextBox, and RadDatePicker.)

  2. Answer
    Marin avatar
    1057 posts

    Posted 14 May 2013 Link to this post


    The Telerik controls use different CSS classes when they are in disabled mode. So there's no universal setting that can target all of them. You will have to override the CSS class for each control for which you wish to change the appearance in disabled mode.
    For example all input and picker controls (RadNumericTextBox, RadDatePicker etc.) internally use RadInput so you can use the following CSS rule to change the color of the disabled text in Safari and iPad:

    .RadInput_Default .riDisabled
          -webkit-text-fill-color: #8a8a8a;

    And for RadComboBox you can use the following:
    .RadComboBox_Default .rcbDisabled
         -webkit-text-fill-color: #8a8a8a;

    I hope this helps.
    the Telerik team
    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 their blog feed now.
Back to Top