I have been working with telerik components for some time now. We had a project that have three panels and 2 splitters. The slider and the center content is in the center panel. What we want is that when we move the splitters the center panel that contains the slider should adjust (center). I finished making a code to adjusts the center content but the slider will adjust for about 5 to 15 seconds depending on how you resize the panel.(If applied in IE, but firefox works fine)
Is it the browsers problem ? can i make it work faster?
Is it the browsers problem ? can i make it work faster?
7 Answers, 1 is accepted
0
Hi Erwin,
I am not quite sure whether you talk about the RadSplitter control (with RadPanes and RadSplitBars) or the RadSlider control. Could you please prepare and send me a simple running project, demonstrating the problem as well as detailed information on the steps I need to follow in order to reproduce it? Please note that as you cannot attach files in the forums, you have to open a new support ticket in order to send me the test project.
All the best,
Tsvetie
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.
I am not quite sure whether you talk about the RadSplitter control (with RadPanes and RadSplitBars) or the RadSlider control. Could you please prepare and send me a simple running project, demonstrating the problem as well as detailed information on the steps I need to follow in order to reproduce it? Please note that as you cannot attach files in the forums, you have to open a new support ticket in order to send me the test project.
All the best,
Tsvetie
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.
0
Erwin
Top achievements
Rank 1
Rank 1
answered on 18 May 2009, 07:30 AM
I am using a 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 not still show and overlaps 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..
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 not still show and overlaps 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..
0
Hello 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:
Kind regards,
Tsvetie
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.
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"> |
| .ApplyPosition |
| { |
| position:relative; |
| } |
| </style> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <asp:ScriptManager ID="ScriptManager1" runat="server"> |
| </asp:ScriptManager> |
| <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> |
| </telerik:RadPane> |
| </telerik:RadSplitter> |
| </form> |
| </body> |
Kind regards,
Tsvetie
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.
0
Erwin
Top achievements
Rank 1
Rank 1
answered on 20 May 2009, 08:27 AM
<telerik:RadPane ID="RadPane2" runat="server" Width="865" MinWidth="560" OnClientResized="afterCenterPaneResize">
<div id="centerpanediv" class="centerpane left">
<div class="centermenu">
<asp:ContentPlaceHolder ID="centerpane" runat ="server">
</asp:ContentPlaceHolder>
</div>
</div>
</telerik:RadPane>
function afterCenterPaneResize(sender, Args)
{
var centerdiv = document.getElementById("centerpanediv");
var radpanel2 = $find('<%=RadPane2.ClientID %>');
var w= sender.get_width();
centerdiv.style.width = w + "px";
radpanel2.set_width = w;
onCenterResize(w);
}
function onCenterResize(w){
//div that contains the objects in the center
var Content = document.getElementById("cont");
var Slider = document.getElementById("slidecontent");
Content.style.width = 580 + "px";
Content.style.marginLeft = ((w - 574)/2) + "px";
Slider.style.textAlign = "center";
}
As what you can see i put the whole thing in a div that contains the slider, button and sometext, I center the whole thing using the margin
I have made a sample screen shots that will show you...
http://s630.photobucket.com/albums/uu28/eremen/?action=view¤t=SliderProblem.jpg
Thank you.
<div id="centerpanediv" class="centerpane left">
<div class="centermenu">
<asp:ContentPlaceHolder ID="centerpane" runat ="server">
</asp:ContentPlaceHolder>
</div>
</div>
</telerik:RadPane>
function afterCenterPaneResize(sender, Args)
{
var centerdiv = document.getElementById("centerpanediv");
var radpanel2 = $find('<%=RadPane2.ClientID %>');
var w= sender.get_width();
centerdiv.style.width = w + "px";
radpanel2.set_width = w;
onCenterResize(w);
}
function onCenterResize(w){
//div that contains the objects in the center
var Content = document.getElementById("cont");
var Slider = document.getElementById("slidecontent");
Content.style.width = 580 + "px";
Content.style.marginLeft = ((w - 574)/2) + "px";
Slider.style.textAlign = "center";
}
As what you can see i put the whole thing in a div that contains the slider, button and sometext, I center the whole thing using the margin
I have made a sample screen shots that will show you...
http://s630.photobucket.com/albums/uu28/eremen/?action=view¤t=SliderProblem.jpg
Thank you.
0
Hi Erwin,
I created a simple test page, based on the provided information and tested it in IE7 and IE8. However, the slider was positioned almost immediately after I resized RadPane2. I have attached my test page for your reference. For the project, I used the latest version of the suite - version 2009.1 402.
There is one thing that I noticed in your code, that is not correct - the set_width is a method, not a property. Therefore, you should use it the following way:
However, I would not recommend that you change the width of RadPane2 in its OnClientResized handler as this would lead to an infinite loop.
In case this test page does not help you, I will really need a running project, demonstrating the problem, in order to help.
Best wishes,
Tsvetie
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.
I created a simple test page, based on the provided information and tested it in IE7 and IE8. However, the slider was positioned almost immediately after I resized RadPane2. I have attached my test page for your reference. For the project, I used the latest version of the suite - version 2009.1 402.
There is one thing that I noticed in your code, that is not correct - the set_width is a method, not a property. Therefore, you should use it the following way:
| radpanel2.set_width(w); |
However, I would not recommend that you change the width of RadPane2 in its OnClientResized handler as this would lead to an infinite loop.
In case this test page does not help you, I will really need a running project, demonstrating the problem, in order to help.
Best wishes,
Tsvetie
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.
0
Erwin
Top achievements
Rank 1
Rank 1
answered on 22 May 2009, 03:37 AM
1) I added the code in the zip file to my page then the overlapping was still their....
2) I also notice that when you slide the horizontal scroll bar to the rightmost part. the slider do not move but for a few seconds it adjust.
3) Its adjustment have delay..
another thing after it adjust i tried adjusting it to the left...
here like my problem the slider adjustment have a delay......
pls. refer to the link
http://s630.photobucket.com/albums/uu28/eremen/?action=view¤t=BaseOnTheExample.jpg
I am using IE 7 i need it to run in firefox but our priority is IE
2) I also notice that when you slide the horizontal scroll bar to the rightmost part. the slider do not move but for a few seconds it adjust.
3) Its adjustment have delay..
another thing after it adjust i tried adjusting it to the left...
here like my problem the slider adjustment have a delay......
pls. refer to the link
http://s630.photobucket.com/albums/uu28/eremen/?action=view¤t=BaseOnTheExample.jpg
I am using IE 7 i need it to run in firefox but our priority is IE
0
Hello Erwin,
As I already mentioned in my previous post, I will not be able to help further, unless I am able to reproduce the behavior you describe.
I have attached three screenshots for your reference - the first shows how the page I sent you looks like on my side when it first loads; the second shows the page after I drag the RadSplitBar to the right; the third screenshot shows how the page looks after I drag the RadSplitBar back to the left.
Sincerely yours,
Tsvetie
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.
As I already mentioned in my previous post, I will not be able to help further, unless I am able to reproduce the behavior you describe.
I have attached three screenshots for your reference - the first shows how the page I sent you looks like on my side when it first loads; the second shows the page after I drag the RadSplitBar to the right; the third screenshot shows how the page looks after I drag the RadSplitBar back to the left.
Sincerely yours,
Tsvetie
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.