Slider in radGrid custom edit control.

2 posts, 0 answers
  1. James Wofford
    James Wofford avatar
    20 posts
    Member since:
    Aug 2012

    Posted 13 Aug 2010 Link to this post

    We are using a custom edit control for editing a row in a rad data grid and on that form is a rad slider.
    When we edit the row in IE, the slider shows up appropriately, however in FireFox, the slider only partially renders.  And when I say only partially renders, I mean when we look through the html using FireBug, most of the markup is simply not present.

    To throw in another piece of mystery into the pot, when we click on another row (while leaving the first row open), the slider will render correctly from there on out.  I do in the code behind ensure that when we switch from editing one row to editing another row, I close all instances of editing row before opening the new row for edit.

    I figured it might be similar to the issue when the slider is rendered inside of a hidden div and that we should do a Render() after the control is loaded...  So what I did was in the OnClientLoaded event, I performed a sender.Redraw(), which did not seem to make any difference.

    Any ideas?
  2. Tsvetie
    Tsvetie avatar
    1517 posts

    Posted 18 Aug 2010 Link to this post

    Hi James Wofford,
    I already answered your support ticket. I will post the information here as well, so that it is available to all who might run into the problem:

    We are aware of this problem - it occurs sometimes in case the slider is loaded dynamically as a result of an AJAX request. Basically, the initialization script of RadSlider is executed before the skin files if the control are loaded. As a result, some calculations are incorrect.

    The easiest way to fix this, is to disabled the embedded skins for the slider and to register those manually. For example:
    Copy Code
    <telerik:RadSlider ID="rsUsageInMinutes" runat="server" ItemType="Tick"
        EnableServerSideRendering="true" EnableEmbeddedSkins="false" EnableEmbeddedBaseStylesheet="false"
        MaximumValue="600" SmallChange="15" Width="425px" Height="50px" OnClientValueChanged="handleValueChanged">

    Copy Code
    <head runat="server">
        <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
            <link href='<%= Page.ClientScript.GetWebResourceUrl(typeof(RadSlider), "Telerik.Web.UI.Skins.Slider.css") %>'
                rel="stylesheet" type="text/css" />
            <link href='<%= Page.ClientScript.GetWebResourceUrl(typeof(RadSlider), "Telerik.Web.UI.Skins.Default.Slider.Default.css") %>'
                rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="/include/stringformat.js"></script>

    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