RadSlider adjust slowly in IE

4 posts, 0 answers
  1. Erwin
    Erwin avatar
    74 posts
    Member since:
    Apr 2009

    Posted 19 May 2009 Link to this post

    I am making a site using 2 radsplitter, one in the left and the other in the right. If you look at it, it looks like i have a page divided by 3 (left panel, center panel, right panel). When i resize the center panel using the splitter, i would like the center panels object to adjust and make it in the center.  The radslider and a couple of text and button are in the center panel. When i adjust the splitter to make the center panel bigger, the text and buttons adjust in the center and works fine but the radSlider slowly adjust its location to the center. I have no problem with firefox since it directly adjust its slidder but in IE it will take 5 to 15 seconds before it adjust to the center.

    The slider is fine with its functionallity but it slowly adjust to the center.

    And also when i resize the center panel into a size lesser than the size of the slider, the slider will noverlaps in the splitter. then in a few second it goes inside the center panel.

    Try this Make a spliter(now you have a left and right panel). put a silder in the rigth panel make a javascript to center the sliders location everytime you adjust the splitter. use IE to load this

    pls try..
  2. Erwin
    Erwin avatar
    74 posts
    Member since:
    Apr 2009

    Posted 19 May 2009 Link to this post

    To help I made a screenshot of the IE and FireFox browsers......

    this link shows that it overlaps in the IE:

    I cannot post a pick about the adjustment of the slider since it take a video to capture it. 
  3. Erwin
    Erwin avatar
    74 posts
    Member since:
    Apr 2009

    Posted 19 May 2009 Link to this post

    in addition with my problem

    I also found this demo:


    where the grid adjust a bit slower but in my case the slidder location adjust slowly
  4. Tsvetie
    Tsvetie avatar
    1517 posts

    Posted 20 May 2009 Link to this post

    Hi Erwin,
    As I do not know which approach you use to set the position of the RadSlider control - e.g. position, margin etc. and whether you resize the slider itself, I cannot create a test page for your scenario. Therefore, in order to be able to find the cause for the problem you report, I will need the javascript code that you use to center the RadSlider control. Could you please post it here?

    Regarding the problem when you resize the RadPane to a size, smaller than that of the RadSlider - you have to apply position to the RadPane, holding the RadSlider control as the slider uses position for some of its elements. For example:
    <head runat="server"
        <title>Untitled Page</title> 
        <style type="text/css"
        <form id="form1" runat="server"
            <asp:ScriptManager ID="ScriptManager1" runat="server"
            <telerik:RadSplitter ID="RadSplitter1" runat="server"
                <telerik:RadPane ID="RadPane1" runat="server"></telerik:RadPane> 
                <telerik:RadSplitBar ID="RadSPlitBar1" runat="server" /> 
                <telerik:RadPane ID="RadPane2" runat="server" CssClass="ApplyPosition"
                    <telerik:RadSlider ID="RadSLider1" runat="server"></telerik:RadSlider> 

    As for the example with the RadGrid - I tested it, and the RadGrid adjusted in less than a second in IE. Basically, we use an AJAX request to change the pageSize for the grid in this example, not javascript and that it why this should not have anything in common with the problem you report.

    Kind regards,

    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
Back to Top