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

Slider in radGrid custom edit control.

1 Answer 58 Views
Slider
This is a migrated thread and some comments may be shown as answers.
James Wofford
Top achievements
Rank 1
James Wofford asked on 13 Aug 2010, 06:00 PM
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?

1 Answer, 1 is accepted

Sort by
0
Tsvetie
Telerik team
answered on 18 Aug 2010, 03:13 PM
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">
</telerik:RadSlider>

Copy Code
<head runat="server">
    <title>TestApplication</title>
    <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" />
    </telerik:RadCodeBlock>
 
    <script type="text/javascript" src="/include/stringformat.js"></script>


Greetings,
Tsvetie
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
Tags
Slider
Asked by
James Wofford
Top achievements
Rank 1
Answers by
Tsvetie
Telerik team
Share this question
or