RadInput ReadOnly Style Similar to Disabled Style

[Dennis]

With the Q1 update, the way that the ReadOnly attribute affects the style of the RadInput has changed. Before it would lock the control but not change the style. Now it changes the style to match the "disabled" style, which is the "grayed-out" style.

This does not seem to be an improvement as I want a ReadOnly input not a disabled input. How do I change the style to reflect a locked/readonly input versus a gray-out disabled input?

[Dimo]

Hi Dennis,

The ReadOnly style has been introduced in order to provide a visual indication that the textbox may not receive a user input.

If you want to define your custom readonly style, please use the following CSS selector to override the skin styles:

.radInput_Skin  .radReadOnlyCss_Skin
{
    .........
}


You can add the above CSS code wherever you find it convenient in your web application.

Let us know if you need more information.


Sincerely yours,
Dimo
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Chris Dalessandri]

This is a curious decision as your built-in readonly style makes it very hard to read anything at all.  A visual cue is fine, but how about we have one that doesn't render the page useless to anyone with slight vision issues.

Thanks.

[Dimo]

Hi Chris,

Thank you for your feedback, we will try to improve readability for the next release.

All the best,
Dimo
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Chris Dalessandri]

Thanks. 

I am getting customer complaints about the new style.  So, can you tell me how to make the readonly style look exactly like the normal style, preferably across skins?

I appreciate your help.

[Dennis]

Chris,

Here is an example that I used for the Office2007 ReadOnly style, placed inline with the page.

.radReadOnlyCss_Office2007 {

border:1px solid #999999 !important;

color:#000 !important;

font:12px segoe ui, arial,tahoma,sans-serif !important;

background:#fff !important;

padding:1px 0 1px 1px !important;

}

Good luck.

Dennis