Question

I have a fullcalendar that is loaded in a div in a webpage. when the page loads, it has all its buttons but there are no grid to display the days, its just no space.

however, if i click next/prev or any of the buttons the calendar is show properly.

ive tried to spesificly load today:

$('#userboxCalendar').fullCalendar('today');

but it does not work 🙁 any idea?

Answer 1

Your javascript is loading before the css script…. try moving your script to the bottom of the page and css load to the top… or make it inline on the page…. also if you are using ajax to load the div you could use the callback done loading to re-render as stated here and above. http://arshaw.com/fullcalendar/docs/display/render/

I loaded one in colorbox… and used the colorbox done loading and it works great… also works when loading google maps… map.render or something like that…