Monitor option for TimeLine

[JKattestaart]

I'm trying to build a monitoring page for a Telerik Scheduler in MVC and trying to refresh the page every minute. I can-do a reload() every minute but was hoping for a more elegant solution. I'm trying the following code in javascript However I don't see the time-bar updating. setInterval(function () {

var scheduler = $("#ReservationsTimeLine").data("kendoScheduler");

var start = Date.now();
var end = start + 2 * 60 * 60 * 1000;

scheduler.startDate = start;
scheduler.endDate = end;
scheduler.dataSource.read();
scheduler.refresh();

}, 60000); //1 minute

[Alexander Popov]

Hi JohnKattestaart,

In that case you could consider using SignalR. That way the Scheduler will be automatically refreshed immediately after a change occurred elsewhere.

Regards,
Alexander Popov
Telerik

[JKattestaart]

OK, but that will not scroll the timeline....

[Alexander Popov]

Hello again,

Automatically scrolling the Timeline view is not supported. You can try performing that manually once the Scheduler's dataBound or the DataSource's push events are triggered.

Regards,
Alexander Popov
Telerik

[Denis Buchwald]

I'm also looking for this feature. My scheduler Month Timeline View is big due to many lines of a resource on the left side. When page is loaded, only days 1-7 of a month are visible. User has to scroll all the way to the bottom and then scroll to the right to get to the day of the month (today is 18th). But if they're scrolling at the bottom of the page, they can't see the days which are at the top of the screen. So they have to go back to the top, check what day it is, then scroll to the bottom of the page and scroll to the right again.

This madness could be resolved by scheduler automatically pre-scrolling the page to the current day that is marked with a red bar on top. 

Could you please find a way to do it? My client really needs it.

Thank you.

[Vladimir Iliev]

Hi Denis,

For convenience I created small demo which shows how you can scroll the "Timeline" views to given time slot:

• http://dojo.telerik.com/OzopA

You can use the above demo as baseline tho achieve the desired custom solution. 

Regards,
Vladimir Iliev
Telerik

[Denis Buchwald]

That worked. Thank you. But if a user picks a date from a calendar control on top and navigates to that date, the calendar displays the first day of the month. For example, today is January 15th, so when a calendar loads for the first time, it scrolls to january 15th. But then user clicks on a calendar control and picks December 15th, the calendar displays 1st December, not 15th December. Is there a way to fix that?

[Vladimir Iliev]

Hi John,

Could you please modify the previous example that I provide in order to reproduce the issue and list it here? This would help me get better overview of the exact setup that you have and advice you better how to proceed. 

Regards,
Vladimir Iliev
Telerik

[JKattestaart]

Vladimir,

 

I'm not working on that project anymore.

I created a workaround to refresh the browser ever .. x minutes.

But it's nice to see people picked it up.

 Sorry for my late reply

[Denis Buchwald]

Vladimir:

I've figured it out. I have modified the demo to scroll to today. And then used Navigate event to capture a new date when Calendar is used to go to another date and then Databound event to scroll to that day.

 Thanks