In IE the TimeLineView looks like this: http://bart.nimio.info/images/fora/verspringScheduler.JPG
In FireFox the same TimeLineView looks like this: http://bart.nimio.info/images/fora/verspringSchedulerFF.JPG
How can I make the IE-timelineview look the same as the FF timelineview?
11 Answers, 1 is accepted
This problem occurs because the resource text wraps on two or more lines. To avoid this you have several options:
1. Remove text wrapping with the following css:
.rsMainHeader th
{
white-space
:
nowrap
!important
;
text-align
:
left
!important
;
}
2. Increase RowHeaderWidth. For example - RowHeaderWidth="500px"
3. Increase the row height. For example, try setting RowHeight="40px"
Or, you can try a combination of the above options.
Don't hesitate to contact us if you have additional questions or concerns.
Greetings,
Peter
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
protected
void
RadScheduler1_NavigationComplete(
object
sender, SchedulerNavigationCompleteEventArgs e)
{
if
(RadScheduler1.SelectedView == SchedulerViewType.TimelineView)
RadScheduler1.RowHeaderWidth = Unit.Pixel(130);
else
RadScheduler1.RowHeaderWidth = Unit.Empty;
}
protected
void
Page_Load(
object
sender, EventArgs e)
{
if
(RadScheduler1.SelectedView == SchedulerViewType.TimelineView)
RadScheduler1.RowHeaderWidth = Unit.Pixel(130);
}
Kind regards,
Peter
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Is there any way to do this client side? I'm using webservices to populate my scheduler and so almost everything happens client-side...
In this case, it would be better to use css:
.rsTimelineView .rsVerticalHeaderTable
{
width
:
130px
!important
;
}
Greetings,
Peter
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
They get overwritten. I use '!important', but if your inline css selector is specific enough it will still overwrite them even without '!important'.
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.
I was working with the RadScheduler in Timeline mode and grouping it with the Resources. In the Vertical timeline view the resource name is partially displayed. This happens when the resource name text is lengthy (This works well in Mozilla whereas fails in IE 9).
The below property is used to fix the issue temporarily, however this will fail if the width of the text grows more. This fix is done by overriding the Scheduler inbuilt class property 'rsVerticalHeaderWrapper'. I tried to override its parent and child properties as well, but it did not work.
.rsVerticalHeaderWrapper div{width:150px !important; text-align:left !important }
When I set the width as 'auto' in the above css property it works well in Mozilla and not in IE.
Can anybody here in this thread help me out, so that I can solve the issue.
Thanks in Advance.
Rajeev.
I tested the code and I didn't observe any unusual behaviour.
Here is a link for a short video that follows the steps of the issue:
http://screencast.com/t/ydTVI9pcg26
All the best, Plamen Zdravkov
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.
Hi Plamen Zdravkov,
Thanks for your reply. It was helpful.
I was using the browser with the Browser Mode as IE9 and Document Mode as Quirks mode which is the default mode.
I have another issue:
It works fine for Browser Mode as IE9 and Document Mode from IE7 to IE9, except for Document Mode as Quirks mode. However, if I try to show the ‘RadScheduler’ in ‘RadWindow’ with the following browser mode the window doesn’t popup:
Browser Mode : IE9
Document Mode : IE9
Whereas it works fine for the other modes.
Thanks,
Rajeev
The Document mode is Quirks by default only if the page has not Doctype, or if there are any conditional comments on the page.
If the case is the lack of doctype, you should add one, as it is required to make browsers behave according to standards (as much as they could).
If you give us a test URL, perhaps we can tell you more.
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.