Question

I’m using FullCalendar jquery pluging in my MVC3 project.

For some reason events aren’t rendered when the calendar is first loaded. The strange thing is that they do appear if I open IE developer or if I change the agenda view.

Any suggestions?
Thanks

Answer 1

Looks like your calendar div is in a hidden element like a tab. You will need to render the fullCalendar on show of this hidden element to load your events properly in the calendar.

In case of jQuery tabs, you can do something like this:

$('#tabs').tabs({
    show: function(event, ui) {
        $('#calendar').fullCalendar('render');
    }
});

Let me know if this helps!