fullcalendar - Multiple user view [closed]

Question

How to display multiple user events in a single page in fullcalendar group by user name?

Answer 1

It's not built in, but I'm doing it using the eventAfterRender method to modify the width and left position of the events based on an index value that is set in the feed generator.

For example: Events from user1 have a base left offset of 0px, user2 200px, user3 300px, etc and the width of the events is based on the overall width divided by the number of users. Handling overlapping events, etc was a bit of a pain, but worked out nicely in the end.

Answer 2

I believe what sweetie is asking for is multi-user displays on the same calendar.

Jquery-week-calendar has this feature. http://themouette.github.com/jquery-week-calendar/weekcalendar_demo_3.html Its pretty nice.

I hope FullCalendar adds this at some point. In the meantime, this would have to be implemented through quite a bit of customization of the event layout routine. You'd have to assign a different css class per user and then override the layout system to display events occurring at the same time side-by-side rather than overlapping them.

Answer 3

After a long search there are actually a few solutions:

This page is the best you can get on the topic in Stack Overflow: Adding a Resource View/Gannt chart to jQuery Fullcalendar

There are two fullCalendar forks that include a resource view that will do what you (and I) are looking for:

https://github.com/benbruscella/fullcalendar

https://github.com/ikelin/fullcalendar

I tried the demos and the do work.

In fact, here is a list of all the github fullCalendar forks: http://forked.yannick.io/arshaw/fullcalendar