Menu
I am trying to restyle a instance of FullCalendar so that the day and week views run the entire height of the web page. i.e. I do not want a scrollbar to view the entire day. I tried removing overflow and the fixed height but that doesn’t work. Is it possible to do this?
249
If "auto" is specified, the view's contents will assume a natural height and no scrollbars will be used. If "100%" is specified, the height of the calendar will match the height of its parent container element. See an example. Any other valid CSS value is accepted as well.
The calendar's dates can change any time the user does the following: click the prev/next buttons, change the view, click a navlink. The dates can also change when the current-date is manipulated via the API, such as when gotoDate is called. datesSet is called after the new date range has been rendered.
Here is an example of how to specify an array of events: var calendar = new Calendar(calendarEl, { events: [ { title : 'event1', start : '2010-01-01' }, { title : 'event2', start : '2010-01-05', end : '2010-01-07' }, { title : 'event3', start : '2010-01-09T12:30:00', allDay : false // will make the time show } ] });
As said before fullcalendar is responsive by nature. So if you speak about to be responsive like month after weeks after day.
You can change the slotMinutes when creating the chart http://arshaw.com/fullcalendar/docs/agenda/slotMinutes/
and then you can adjust the content height to fit it all in there with this http://arshaw.com/fullcalendar/docs/display/contentHeight/
63
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
