In Scheduler for Month view . What is the max number of events that can be displayed on single day.

[Alamo]

In Scheduler for  Month view . What is the max number of events that can be displayed on single day.

As of Now I am only able to 2 event's /Meeting per day in Month view.
Looks like I need to go day view when I have more than 2 events ?Meeting per day.
can we just view all the events/meeting around 5-6 in a month view on single day.
Please advise.

[Martin Bechev]

Hi Alamo,

Due to the rendering of the Scheduler component, there isn't a built-in option or workaround that I can suggest in order to render many events in a single-day slot (or in a scrollable container). The current design of the Scheduler relies on the button with three dots in order to show the extra events that aren't currently displayed for the respective day in a separate day view.

The key feature that the jQuery Scheduler supports is adaptive slot height. This allows the scheduler cell to increase its height when there are more events. Up to now, this functionality is not supported by Kendo Angular Scheduler, but it would be a nice enhancement to have.

That is why we are currently tracking the following feature request item demand:

https://feedback.telerik.com/kendo-angular-ui/1458736-scheduler-adaptive-slot-height

Regards,
Martin
Progress Telerik

[Anton]

Is it possible to override the behavior of the three dots link? For example, I'd like to switch to the timeline view. 

Also, is it possible to override the appearance of this link? I'd like to replace it with a 'Open more' link.

Thanks.

[Martin Bechev]

Hi Anton,

Yes, you can change the view when the more button is clicked to the desied one. 

To achieve this, the navigate event (fired when the view is about to change), needs to be prevented when the more button is clicked. Then the developer should manually change the view index through the selectedViewIndex property of the Scheduler:

public onNavigate(event: NavigateEvent): void {
    if (event.action.type === 'show-date') {
      event.preventDefault();
      this.viewIndex = this.viewIndex === 1 ? 0 : 1;
    }
}

Upon changing the view, a possible way to display the TimeLine view (or any other view) in a specific range is to set the selectedDate property of the component.

Alternatively, the scrollToTime method can be used. It will scroll the view to the specified time (for Day, Week, and Timeline view only).

Here is an example that demonstrates the suggested approach:

https://stackblitz.com/edit/angular-buhaig

There is no built-in option to replace the dots with text, but it could be achieved with custom some custom JavaScript and CSS code:

https://stackblitz.com/edit/angular-buhaig-n6hpr5

I hope this helps.

[Anton]

Hi 

Martin, this is super helpful, thanks!