How to better see multiple appointments on Scheduler

1 Answer 62 Views
Scheduler
Kevin
Top achievements
Rank 2
Iron
Iron
Iron
Kevin asked on 04 Mar 2022, 05:06 PM

Hi,

I find myself in a position where I have multiple events happening at a single time/day in the Scheduler tool, and they're basically unreadable in the Week view (which is the preferred view for my target audience).  Each entry is just a sliver of color unless they go into Day view which is not a workable solution.

Screenshot is shown below.  I need my viewers to be able to see at a glance which events are happening at 9am - in this particular case, I don't care that they see it goes 9am-10am as it really just starts at 9am and runs until finished (usually a minute or two)

If it helps, all of the 8 events listed will have the same start and end time exactly (09:00-10:00).

 

The timeline week view works well, but the users will not want to scroll to see the whole week

 

Is there some css class I can overwrite, or some javascript I can put in place that will force them to stack like the timeline view, within the week view?

1 Answer, 1 is accepted

Sort by
1
Accepted
Ivan Danchev
Telerik team
answered on 09 Mar 2022, 03:56 PM

Hi Kevin,

Events starting at the same time cannot be stacked vertically in the Week view, because this view is designed to visualize the events based on their start and end times. So if 2 events start at the same time at 9 and end at 10, it would be counter-intuitive to show them one below the other as this would leave the impression that the first one starts at 9 and ends at 9:30 and the second one starts at 9:30 and ends at 10. This is why in the Week view events that have overlapping time span are stacked only horizontally. This is how the Week view works by design and this behavior cannot be turned on/off, nor is there a way to override it through CSS.

If the timeline view is not suitable for your scenario, consider using the Month view with adaptive slot height: https://demos.telerik.com/aspnet-mvc/scheduler/adaptive-slot-height

You can use the AdaptiveSlotHeigh and EventsPerDay options to show multiple events in the slots and they will stack vertically. The Month view does not show the events based on their start time, so the events starting on a particular day will be stacked vertically.

Regards,
Ivan Danchev
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Kevin
Top achievements
Rank 2
Iron
Iron
Iron
commented on 10 Mar 2022, 07:13 PM

Thanks Ivan - Not exactly what I was hoping for, but definitely a good workaround
Tags
Scheduler
Asked by
Kevin
Top achievements
Rank 2
Iron
Iron
Iron
Answers by
Ivan Danchev
Telerik team
Share this question
or