I have a problem with the TimeLine view and Internet Explorer 9. The columns in the header is not matching the columns below in IE 9 (it works in compatibility mode). I have provided screenshots from IE9 using the standard mode and the compatibility mode, and the code used to create this bug.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_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"
>
<
head
runat
=
"server"
>
<
title
></
title
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
div
>
<
telerik:RadScriptManager
ID
=
"manager"
runat
=
"server"
>
</
telerik:RadScriptManager
>
<
telerik:RadScheduler
ID
=
"scheduler"
runat
=
"server"
SelectedView
=
"TimelineView"
RowHeight
=
"40px"
DataKeyField
=
"ID"
DataSubjectField
=
"Subject"
DataStartField
=
"Start"
DataEndField
=
"End"
>
<
TimelineView
NumberOfSlots
=
"24"
SlotDuration
=
"0:15"
ColumnHeaderDateFormat
=
"h tt"
TimeLabelSpan
=
"4"
ShowInsertArea
=
"false"
/>
</
telerik:RadScheduler
>
</
div
>
</
form
>
</
body
>
</
html
>
6 Answers, 1 is accepted
0
Michael
Top achievements
Rank 1
answered on 17 Apr 2011, 09:44 PM
I'm having this same problem. It occurs when TimeLabelSpan is greater than 1.
0
Hello guys,
This is a recently discovered bug. For now you can use the following css fix:
We will have to do to more research and testing to make a permanent fix in the RadScheduler css styles.
Regards,
Peter
the Telerik team
This is a recently discovered bug. For now you can use the following css fix:
.rsHidden
{
display
:
block
!important
;
}
We will have to do to more research and testing to make a permanent fix in the RadScheduler css styles.
Regards,
Peter
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
0
Testman
Top achievements
Rank 1
answered on 18 Apr 2011, 03:09 PM
Seems to work. Thanks for your help
0
Calvin
Top achievements
Rank 1
answered on 05 May 2011, 06:12 PM
without followed by with
As you can see this doesn't fix the issue for me at least these caps are using chrome too btw.
As you can see this doesn't fix the issue for me at least these caps are using chrome too btw.
0
Hi Calvin,
For your particular case, you will need the following snippet:
The problem you observed is because, according to standards and in new browsers, TR elements are no display: block, but "table-row".
The rest of the snippet is just ensuring the cells will be as small as possible.
Regards,
Ivan Zhekov
the Telerik team
For your particular case, you will need the following snippet:
.rsHidden {
padding
:
0
!important
;
height
:
0
!important
;
font-size
:
0
!important
;
line-height
:
0
!important
;
display
:
block
!important
;
display
:
table-row
!important
;
}
.rsHidden td {
padding
:
0
!important
;
height
:
0
!important
;
font-size
:
0
!important
;
line-height
:
0
!important
;
}
The problem you observed is because, according to standards and in new browsers, TR elements are no display: block, but "table-row".
The rest of the snippet is just ensuring the cells will be as small as possible.
Regards,
Ivan Zhekov
the Telerik team
Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
0
Joe
Top achievements
Rank 1
answered on 29 Jul 2011, 05:19 PM
this fixed it for me. thanks!