Everything is ok in IE6 and IE7, but in Firefox I get a scrollbar, the scheduler is just showing the height for the first hour.
OverflowBehavior="Scroll" Height="100%".
12 Answers, 1 is accepted
If a scrollbar is undesirable you should set OverflowBehavior="Expand". I tested RadScheduler with both possible values for OverflowBehavior and I got consistent behavior for IE and FF. If you have a live url or an isolated project which exhibits the problem, please, share it with us so we can test it locally.
All the best,
Peter
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
http://www.mycal.ca
I'm hoping that this issue has been addressed since then.
Irina.
Shaun, thank you for sending a live url. We examined it and discovered that the problem is caused by that the scheduler is nested within <span> ... </span> tags. We have replied in greater detail to the email you sent about the same issue.
Irina, we are not sure what is causing the problem at your side. Do you have a live url which we can test?
Kind regards,
Peter
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
<%
@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="SchedulerHeight._Default" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml" style="height:100%">
<head runat="server">
<title>Test</title>
</head>
<
body style="height:100%; margin:0px;" scroll="no">
<form id="form1" runat="server" style="height:100%">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div>
<telerik:RadScheduler ID="RadScheduler1" runat="server" Height="100%" SelectedView="WeekView" DayEndTime="20:00:00" DayStartTime="07:00:00" DataStartField="Start" DataEndField="Finish" DataKeyField="BookingItemId" DataSubjectField="BookingReferenceNumber" FirstDayOfWeek="Monday" LastDayOfWeek="Sunday">
</telerik:RadScheduler>
</div>
</form>
</body>
</html>
Thank you,
Irina.
With the provided settings, it is expected that RadScheduler will not span over the entire height of the window. The container in which RadScheduler resides should have fixed height. For example, try the following:
<div style="height:600px"> |
<telerik:RadScheduler ID="RadScheduler1" runat="server" |
I hope this helps.
Regards,
Peter
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
I can't find your reply anywhere. Where should I be looking for it?
I apologize for the misunderstanding. It looks like we haven't sent you an email explaining the cause of the problem.
Anyhow, the problem occurs because RadScheduler is nested in <span> </span> tags. Please, remove these tags or replace them with div.
I hope this helps.
Greetings,
Peter
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
That helped me. Thank you very much.
Irina.
I changed the asp:updatepanel (which is the container for the scheduler) RenderMode from Inline back to the default "Block", which essentially changed the span tag to a div tag. Unfortunately, this had no effect. Any other ideas?
It seems the container's height needs to be 100% as well. Please add the following CSS to your page:
<style type="text/css">
#upScheduler
{
height: 100%;
}
</style>
Regards,
Albert
the Telerik team
Instantly find answers to your questions at the new Telerik Support Center
FYI, in our area our web stats show that about 95% of our visitors use Internet Explorer - and about 55% of those are using version 6.