logo

FullCalendar

Docs Vertical Resource View

The Scheduler add-on provides agenda view and basic view with the ability to display resources as columns.

To activate this functionality in a single-day view, simply use agendaDay or basicDay view and specify the resources setting:

$('#calendar').fullCalendar({
  defaultView: 'agendaDay',
  events: [
    // events go here
  ],
  resources: [
    { id: 'a', title: 'Room A' },
    { id: 'b', title: 'Room B' },
    { id: 'c', title: 'Room C' },
    { id: 'd', title: 'Room D' }
  ]
});

If you would like resource column functionality in a multi-day view like agendaWeek, which is turned off by default, you’ll need to activate either the groupByResource or groupByDateAndResource flags.

The following options are specific to Vertical Resource view. However, there are numerious other options throughout the docs that affect the display of Vertical Resource view, such as the locale-related options, date/time display options, and resource display options.