In Firefox 3.6, the content area of the scheduler is pushed to the right (see screenshot). I've determined the problem is that the navigation pane (with the buttons to navigate months) is too tall and so the content div gets displaced. This problem happens only in Firefox.
If I set ShowNavigationPane to false, this problem disappears. Also, I can fix the problem with this CSS rule that limits the height of the navigation pane:
1..RadScheduler_Default div.rsTopWrap div.rsHeader p {height:29px !important;}This problem does not happen with the online Scheduler demos, so what am I doing differently? Am I missing something? I am using RadControls v. 2010.2.713.20, and below is my entire test page:
01.<%@ Page Language="C#" %> 02.<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 03.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 04.<html xmlns="http://www.w3.org/1999/xhtml"> 05.<head runat="server"></head> 06.<body> 07. <form id="form1" runat="server"> 08. <asp:ScriptManager ID="ScriptManager1" runat="server" /> 09. <div> 10. <telerik:RadScheduler runat="server" ID="RadScheduler1"11. DataKeyField="Id" DataSubjectField="Subject"12. DataStartField="Start" DataEndField="End" /> 13. </div> 14. </form> 15.</body> 16.</html>Thanks,
jake
8 Answers, 1 is accepted
That's strange indeed. Does your page have any other external css styles which could affect RadScheduler's appearance?
Greetings,
Peter
the Telerik team
Rank 1
Peter,
No, the code I pasted above is my entire page. I checked the generated source to make sure the only linked stylesheets were the Telerik ones.
Thanks,
jake
Rank 1
Also, the problem I'm seeing seems to be the same one from this thread:
However, the solution posted there (adjusting the paragraph margins) did not work for me.
jake
Can you send us a simple working demo via a support ticket or a live url of the issue?
All the best,
Peter
the Telerik team
Rank 1
Thanks
Rank 1
J-F,
I could reproduce this problem in different scenarios reliably for about a week. Then, all of the sudden, the problem disappeared. I still have no idea why. I opened a ticket with Telerik, but they could not reproduce the problem.
jake
Rank 1
From what I read, text-align works with table in ie but not in firefox so you need to add this in your aspx to resolve the problem.
<style type="text/css">
.RadScheduler .rsContent
{
float:left;
}
</style>
It fixed the problem for me. I didn't looked for a cause (maybe a global css) because it is clearly a telerik problem. The control is placed well and the header looks good in both browsers. All the content looks good except it is shifted to the right (width of the today cell in header confirmed this using localization) in ff and looks good in ie.
I hope someone at Telerik will note this problem and implement a solution in a future release.
This problem usually happens when a global CSS rule affects the elements used in the header (height, vertical margin - anything that might affect the height of the element). In Firefox this leads to the shift of the entire content area. If the problem disappeared, then you removed the problematic rule from your stylesheet (or fixed it by other means like J-F). If you can reproduce the problem in a sample project, send it to us and if it is not global CSS related, we'll try to fix it for the next release.
Kind regards,
Kamen Bundev
the Telerik team