Creating an interactive event planner

Question

I am trying to create something with a similar layout to this schedule page . See also attached screenshot.

.

So what I need:
- “Categories” at the top of the scheduler (vertical dividers).
- "Timeslots (07:00 07:30, etc.)" To the left of the planner.

The user can then add events through modal screens and assign them "Timeslots" and "Categories".
Then they should appear in the list in the appropriate places.

The above example uses Dojo.
I found this calendar widget but am not sure how to get it to represent the "Categories" on top using the "Day" view.

Is this possible with a dojo calendar? (I have never worked with dojo before)

Any suggestions regarding other frameworks or examples that would provide me with this feature would also be very welcome.

I looked at the jQuery fullCalendar plugin and did not seem to provide this functionality (it would be great if someone could prove that I was wrong!).

Answer 1

After looking at the documentation for Dojo widgets, I think Sub-Column mapping is what you are looking for. Therefore, each calendar in this case will represent a category. http://livedocs.dojotoolkit.org/dojox/calendar#sub-columns .

I don't think FullCalendar is capable of arranging categories, but I think it's cool enough to request: http://arshaw.com/fullcalendar/wiki/Request-a-Feature/

Hope this helps!