Using the scheduler control (Q3 2008), I'm having trouble getting it to expand or contract to fit the screen when the user resizes the browser (in both IE7 and FF3). I built a sample page with only a RadScheduler control on it, like this:
<telerik:RadScheduler |
runat="server" |
ID="RadScheduler1" |
OverflowBehavior="Expand" |
Width="100%"> |
</telerik:RadScheduler> |
The Scheduler fills the width of the screen, but if you resize the browser, you have to refresh the page in order to get the scheduler to resize. After experimenting a bit, I found that I could get the scheduler to resize with javascript:
<telerik:RadScriptBlock runat="server" ID="RadScriptBlock1"> |
<script type="text/javascript"> |
window.onresize = function() { |
var scheduler = $find('<%= RadScheduler1.ClientID %>'); |
scheduler.repaint(); |
} |
</script> |
</telerik:RadScriptBlock> |
This works until you try to put the scheduler inside a table... after that, it no longer resizes properly. The masterpage layout on our site uses tables, and we don't have resizing problems with any other types of controls. It doesn't seem like I should have to jump through the javascript hoops to get the scheduler to resize. Any ideas?
10 Answers, 1 is accepted
This is a known issue which we will fix for the upcoming service pack on November 25.
Best wishes,
Peter
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Kind regards,
Martin de Ruiter
Perhaps you are having a different issue. Could you please provide more details? Ideally you could send us your page in a support ticket so we can troubleshoot. Thanks.
Regards,
Albert
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.
Was this ever fixed?
The window.onresize certainly fires, but the scheduler does not resize to fit the new window.
Are you able to advise?
Thanks, Simon
RadScheduler is resizing its width properly if it is set to 100% and the browser width is changed.
Unfortunately resizing its height is not supported scenario by the control.
Hope this will explain the issue.
Plamen
Telerik
Thanks for the prompt reply. You are correct, but I did some further testing and discovered that if the scheduler sits inside a floated DIV, it will not resize as expected.
If the RadScheduler is inside a floated DIV and is set with Width="100%" and this works only in the following cases:
1. The scheduler will resize if the browser window is resized to be larger (or wider).
2. The scheduler will resize if the browser window is made smaller followed by either a refresh or a postback.
Otherwise if the window is made smaller (or less wide), it will retain the width until it is refreshed or posted back.
Should this be the case?
In cases when RadScheduler is positioned in divs with custom styles the described behavior is not supported out of the box. If you share the exact mark up used when expecting this behavior we can inspect the custom scenario once again for a possible workaround.
Plamen
Telerik
I've managed to get it working by adjusting the CSS for the containing DIVs. Much easier!
Thanks for your advice.
Cheers, Simon
I am experiencing the same issue, I am using telerik version 2014.1.403.
Is there a fix for this?
thanks
it is not quite clear what exactly is the scenario you are experiencing would you please elaborate so we could be more helpful. As I mentioned in the previous post RadScheduler is resizing its width properly if it is set to 100% and the browser width is changed.
Regards,
Plamen
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.