disabled font styling

2 posts, 0 answers
  1. Tom
    Tom avatar
    41 posts
    Member since:
    Feb 2009

    Posted 26 Feb 2010 Link to this post


    I am trying to use the RadSlider to display a percentage within a RadGrid.  I do not want the user to be able to slide the draghandle as the control is for informational purposes only.  When I set enabled = false on the RadSlider, the font no longer presents well (this also happens on the examples on your site).  How do I go about keeping the enabled font when disabling the control?

    If you can suggest a better control, please let me know.

  2. Tsvetie
    Tsvetie avatar
    1517 posts

    Posted 01 Mar 2010 Link to this post

    Hello Tom,
    You can either remove the disabled CSS class from the slider element:
    <telerik:RadSlider ID="RadSlider1" runat="server" ItemType="None" Enabled="false" OnClientLoad="OnClientLoad">
    <script type="text/javascript">
    function OnClientLoad(sender, args)
        var elementWidthDisabledClass = $telerik.getChildByClassName(sender.get_element(), "rslDisabled", "div");
        Sys.UI.DomElement.removeCssClass(elementWidthDisabledClass, "rslDisabled");

    , or you can modify this disabled CSS class ("rslDisabled") so that the disabled slider looks as you expect it to.

    All the best,
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. DevCraft R3 2016 release webinar banner
Back to Top