CODEWITHSUNDEEP
fullcalendar
brooklyn
brooklyn

Reputation: 31

Dividing days into several sections in FullCalendar

I want to divide days into sections, for example there are a lot of events in one day, and they take place in different rooms (A, B, C), I want to divide each days into columns A, B, C to separate events from different rooms. There is any way to do this?

Upvotes: 3

Views: 3282

Answers (2)

bgmCoder
bgmCoder

Reputation: 6370

There is a fork of the fullCalendar library that will provide this functionality - they call it a Resource View.

http://tux.fi/~jarnok/fullcalendar-resourceviews/

Check out my answer to this thread for more information.

Upvotes: 0

Doomsday
Doomsday

Reputation: 2668

I had the same prerequesites and I will do this way:

In fullcalendar options:

  • Create a fullcalendar "control" with title, prev, next and today.
  • Create N fullcalendar "events" without navigation, and set each title to each room.

You should apply some tricks to render nice calendars :

  • Calendar "control": hide body fc-content (CSS display:none)
  • Second Calendar and: hide left axis fc-agenda-axis (CSS width: 0px)

In your data and js handling:

You can start with this jsfiddle : http://jsfiddle.net/8ZM4x/1/

And then replace events source with yours :

$('#mycalendar1').fullCalendar(
            {
                    events: [     
                          ...
                    ]
           });

Upvotes: 1

Related Questions