Timelineview layout

[Datamex]

Dear Telerik,

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?

[Peter]

Hi,

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.

[Datamex]

Thanks for this solution, but the only problem now is that the RowHeaderWidth in every view is 130px wide (for example). Can I somehow make it so, that only in the Timelineview the RowHeaderWidth is 130px wide? (the scheduler is clientside populated and using webservices, so I guess it has to be done clientside)

[Peter]

You can set RowHeaderWidth dynamically depending on the current view:

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.

[Datamex]

Dear Peter,

Is there any way to do this client side? I'm using webservices to populate my scheduler and so almost everything happens client-side...

[Peter]

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.

[Timothy Kruszewski]

How do these styles get changed if they are already built into the dll?

[Peter]

Hi Timothy,

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.

[Rajeev]

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.

[Plamen]

Hi 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

[Rajeev]

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

[Ivan Zhekov]

Hi 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