jQuery fullcalendar - how to reduce the size of the calendar

Question

I am using jQuery fullcalendar in my application. I want to display the calendar only on the right side of my screen but not sure how to reduce the size of the calendar. Right now it is displaying in the full screen

Answer 1

Just stick it in a div with a specified width as per home page for fullcalendar

<div id='container'>
...
<div id='calendar'></div>
...
</div>

with css

#container {
    width: 810px;
}

Answer 2

Add a property in JSON field which we passing in the fullCalender method.

$('#calendar').fullCalendar({

    height: 650
})

Referenced Url: https://fullcalendar.io/docs/display/height/