Fullcalendar does not show in Tab

[Florian Werbinek]

Hi,

I created two tabs, the first shows [event_board] and the second shows [eo_fullcalendar defaultView=’month’ headerCenter=’month,basicWeek’].
The Posterboard loads without any problem, while the full calendar doesn’t show anything until I click on any button.
For testing only, I placed the exact same fullcalendar shortcut directly below, which loads okay.
You can see the issue here: https://circleyoga.de/wp/termine/#termine

Any idea how to solve that?

Thanks, Florian

[Stephen Harris]

Hi Florian,

This is a known issue with fullcalendar. This has been discussed before, on either this site or the wordpress.org forums, but unfortunately I cannot find the link. If I recall, you might be able to re-render the calendar inside the tab when that tab is clicked. Something like:

$('.my-tab').on( 'click', function() {
    $(this).find('.eo-fullcalendar').fullCalendar('render');
});

[Author]

Posts