# Vertical Resource View

> FullCalendar v3 documentation, for an old release. Web version: https://legacy.fullcalendar.io/v3/vertical-resource-view
>
> Latest version (v7): https://fullcalendar.io/docs/vertical-resource-view.md

Premium feature.

The [Scheduler add-on](https://fullcalendar.io/pricing) provides [agenda view](https://legacy.fullcalendar.io/v3/agenda-view.md) and [basic view](https://legacy.fullcalendar.io/v3/basic-view.md) 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:

```js
$('#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](https://legacy.fullcalendar.io/v3/groupByResource.md) or [groupByDateAndResource](https://legacy.fullcalendar.io/v3/groupByDateAndResource.md) flags.

The following options are specific to Vertical Resource view. However, there are numerous other options throughout the docs that affect the display of Vertical Resource view, such as the [locale-related options](https://legacy.fullcalendar.io/v3/localization.md), [date/time display options](https://legacy.fullcalendar.io/v3/date-display.md), and [resource display options](https://legacy.fullcalendar.io/v3/resource-display.md).

## Articles

- [groupByResource](https://legacy.fullcalendar.io/v3/groupByResource.md) - Determines if multi-day agenda or basic views should display resource columns. If so, renders resource headings above date headings.
- [groupByDateAndResource](https://legacy.fullcalendar.io/v3/groupByDateAndResource.md) - Determines if multi-day agenda or basic views should display resource columns. If so, renders date headings above resource headings.

## Demos

- [1-day vertical resource view](https://legacy.fullcalendar.io/v3/vertical-resource-standard-demo)
- [Custom 4-day vertical resource view](https://legacy.fullcalendar.io/v3/vertical-resource-custom-demo)
- [Vertical resource view with groupByDateAndResource](https://legacy.fullcalendar.io/v3/groupByDateAndResource-demo)
- [Using resourceRender with a popover in vertical-resource-view](https://legacy.fullcalendar.io/v3/vertical-resource-resourceRender-demo)