Disabled Controls Unreadable on iPad

[Jeremy Yoder]

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.)

[Marin]

Hi,

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.
Regards,
Marin
the Telerik team