search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

How to group calendar component time axis to different slots?

Asked by Ranjith K R
1 year ago.

How can I group time axis to different slots. For example consider12 AM to 4AM as slot 1. Then I need collapse and expand slot1 to a small single row. if multiple events in that slot show it as multiple dots. When we expand the slot show it as normal. The primary target of this requirement is to show all events in a day in one frame, means show all without any vertical scroll.

how-to javascript
Answer posted by Dan Letecky [DayPilot]
1 year ago.

This scenario could be implemented with the following limitations:

  • The maximum cell duration supported at this moment is 1 hour (this is the max slot duration).

  • When switching to the “compact” view you can apply special CSS class to events that would override the default styling and make them appear as dots.

You can also take a look at the Scheduler component (demo) which is more flexible in handling many overlapping events (e.g. it can group overlapping events automatically).

This question is more than 1 months old and has been closed. Please create a new question if you have anything to add.
Tools
E-mail notifications
Feed
Related Questions
All day events broken
Select multi resources?!?
Show scheduled time in an event
Blue lines grid on top : error
Cannot enter new event with an existing event in slot.
How to show slots that have EndTime >= 00:00
How to enable expand / collapse option inside the event row in Scheduler control? Please suggest.
How to integrate and use in my web page
Display multiple lines in Month calendar
Restrict multiple Days Selection
Show the events when user collapse parent node
Project Gantt Chart
Add / Edit Events save to database
Whats the best method to populate a daypilotScheduler

Products

Learn

Get Support

DayPilot Pro

Event calendar/scheduling AJAX components. Available for JavaScript/HTML5/jQuery, ASP.NET, ASP.NET MVC. Build resource booking, project management, time tracking applications, personal and shared event calendars.