This is a migrated thread and some comments may be shown as answers.

Firefox display problem: content pushed to the right by navigation pane

8 Answers 58 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
jake
Top achievements
Rank 1
jake asked on 26 Jul 2010, 08:20 PM

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

Sort by
0
Peter
Telerik team
answered on 29 Jul 2010, 01:56 PM
Hi jake,

That's strange indeed. Does your page have any other external css styles which could affect RadScheduler's appearance?

Greetings,
Peter
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
jake
Top achievements
Rank 1
answered on 29 Jul 2010, 03:54 PM

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

0
jake
Top achievements
Rank 1
answered on 29 Jul 2010, 03:58 PM

Also, the problem I'm seeing seems to be the same one from this thread:

http://www.telerik.com/community/forums/aspnet-ajax/scheduler/scheduler-display-problems-in-ie-firefox.aspx

However, the solution posted there (adjusting the paragraph margins) did not work for me.

jake

0
Peter
Telerik team
answered on 29 Jul 2010, 05:15 PM
Hi 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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
J-F Allard
Top achievements
Rank 1
answered on 20 Aug 2010, 03:32 AM
Any news on this issue, I'm experiencing the same problem.

Thanks
0
jake
Top achievements
Rank 1
answered on 20 Aug 2010, 09:53 PM

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

0
J-F Allard
Top achievements
Rank 1
answered on 30 Aug 2010, 04:31 AM
Thanks Jake for your reply.  I used Firebug to discover my problem.  It looks like the problem is located in the rscontent css class.

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.
0
Kamen Bundev
Telerik team
answered on 30 Aug 2010, 11:26 AM
Hello J-F and Jake,

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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Scheduler
Asked by
jake
Top achievements
Rank 1
Answers by
Peter
Telerik team
jake
Top achievements
Rank 1
J-F Allard
Top achievements
Rank 1
Kamen Bundev
Telerik team
Share this question
or