This is a migrated thread and some comments may be shown as answers.

Background colour not changing for readonly inputs

6 Answers 271 Views
Visual Style Builder
This is a migrated thread and some comments may be shown as answers.
Neil N
Top achievements
Rank 1
Iron
Veteran
Iron
Neil N asked on 12 Dec 2012, 03:59 AM
Here's what I did:
1. Created a new skin based on Hay using the Online Visual Style Builder.
2. Changed the background colour of the input control in read only state.
3. Downloaded and extracted the modified style to my skin directory.

These lines have been added to the CSS file:
.RadInput_MMSM_MTS input.riRead {
 
    background-color: rgb(216, 216, 216);
 
}

Using Firebug to inspect I see this rule has been crossed out:
.RadInput_MMSM_MTS input.riRead {
    background-color: #D8D8D8;
}

And this rule is in effect (except for the border-color)::
html body .RadInput_MMSM_MTS .riTextBox, html body .RadInputMgr_MMSM_MTS {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #898772;
    color: #272722;
    font: 12px "segoe ui",arial,sans-serif;
}

How can this be fixed? When I uploaded the zip file I noted the style tool did not recognize the change. The textbox is simply declared as:
<telerik:RadTextBox ID="RadTextBox1" runat="server" ReadOnly="True">
        </telerik:RadTextBox>

6 Answers, 1 is accepted

Sort by
0
Galin
Telerik team
answered on 17 Dec 2012, 09:46 AM
Hi Neil,

This is a known issue and our developers are working on it. In the meantime, you can fix it by changing the the CSS rule:
html body .RadInput_MMSM_MTS input.riRead
{
 
}

I hope this helps.

All the best,
Galin
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.
0
Neil N
Top achievements
Rank 1
Iron
Veteran
Iron
answered on 17 Dec 2012, 03:34 PM
That did not work.  However, this did:

html body .RadInput_MMSM_MTS input.riRead
{
 background-color: #D8D8D8;
}

0
Tom
Top achievements
Rank 1
answered on 02 Feb 2017, 03:12 PM
is this fixed yet?  
0
Vessy
Telerik team
answered on 03 Feb 2017, 02:46 PM
Hi Tom,

The Hay skin has been obsoleted as of Q1 2014 and no fix for it are preserved in the latest version of the controls. You can read details on this matter here:
http://www.telerik.com/blogs/6-telerik-asp.net-ajax-skins-going-obsolete

Regards,
Vessy
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Tom
Top achievements
Rank 1
answered on 03 Feb 2017, 02:51 PM
I think this problem goes deeper than skin.  I'm using the most up to date WebBlue skin and it still doesn't work.
0
Vessy
Telerik team
answered on 07 Feb 2017, 10:51 AM
Hi Tom,

I am afraid that the Visual Style Builder application is no longer supported and its bug fixing and feature implementation have been discontinued. It was substituted by the Telerik Theme Builder application, which provides customization for Lightweight UI for ASP.NET AJAX controls. And besides that, I would like to share with you that we are currently working on an improved Theme Builder application, which would allow you to create custom themes not only for Telerik UI for ASP.NET AJAX, but also for other Telerik UI tools, such as Kendo UI, Kendo UI for Angular 2, UI for ASP.NET MVC, UI for ASP.NET Core, UI for PHP and UI for JSP, using one and the same graphical interface and experience.

Regards,
Vessy
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Visual Style Builder
Asked by
Neil N
Top achievements
Rank 1
Iron
Veteran
Iron
Answers by
Galin
Telerik team
Neil N
Top achievements
Rank 1
Iron
Veteran
Iron
Tom
Top achievements
Rank 1
Vessy
Telerik team
Share this question
or