# resourceRender

> FullCalendar v4 documentation, for an old release. Web version: https://legacy.fullcalendar.io/v4/resourceRender
>
> Latest version (v7): https://fullcalendar.io/docs/resource-cell-render-hooks.md

Premium feature.

A hook for manipulating a resource's DOM.

<div class='spec' markdown='1'>
function( renderInfo )
</div>

The `renderInfo` argument is an object with the following properties:

<table>

<tr>
<th>resource</th>
<td markdown='1'>
The [Resource Object](https://legacy.fullcalendar.io/v4/resource-object.md) being rendered.
</td>
</tr>

<tr>
<th>el</th>
<td markdown='1'>
The DOM element that represents this resource. Most likely a `<td>` that wraps the resource's title.
</td>
</tr>

<tr>
<th>view</th>
<td markdown='1'>
The current [View](https://legacy.fullcalendar.io/v4/view-object.md).
</td>
</tr>

</table>

Example:

```js
var calendar = new Calendar(calendarEl, {

  resourceRender: function(renderInfo) {
    renderInfo.el.style.backgroundColor = 'blue';
  }

});
```

See an example of resourceRender [with timeline view](https://legacy.fullcalendar.io/v4/timeline-resourceRender-demo) and [with vertical resource view](https://legacy.fullcalendar.io/v4/vertical-resource-resourceRender-demo).

This callback will not allow manipulating of *event* elements, as they will not yet have been drawn at the time of invocation. Use [eventRender](https://legacy.fullcalendar.io/v4/eventRender.md) for that.