Background colour not changing for readonly inputs

7 posts, 0 answers
  1. Neil N
    Neil N avatar
    80 posts
    Member since:
    Aug 2012

    Posted 11 Dec 2012 Link to this post

    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>

  2.
  3. Galin
    Admin
    Galin avatar
    526 posts

    Posted 17 Dec 2012 Link to this post

    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.
  5. Neil N
    Neil N avatar
    80 posts
    Member since:
    Aug 2012

    Posted 17 Dec 2012 Link to this post

    That did not work.  However, this did:

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

  7. Tom
    Tom avatar
    24 posts
    Member since:
    Jan 2011

    Posted 02 Feb 2017 Link to this post

    is this fixed yet?  
  8.
  9. Vessy
    Admin
    Vessy avatar
    1732 posts

    Posted 03 Feb 2017 Link to this post

    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.
  11. Tom
    Tom avatar
    24 posts
    Member since:
    Jan 2011

    Posted 03 Feb 2017 in reply to Vessy Link to this post

    I think this problem goes deeper than skin.  I'm using the most up to date WebBlue skin and it still doesn't work.
  13. Vessy
    Admin
    Vessy avatar
    1732 posts

    Posted 07 Feb 2017 Link to this post

    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.
Back to Top