Issue with fullcalendar not loading well first tiem

I added the widget on my page and when I open the modal, I see the calendar small, like in the picture. If I press F12, I see it well. It might happen because custom theme? When I have the Chrome console open and I open the modal, I see the calendar small. If I resize the screen, automatically I see the calendar well. What could be the issue? Any idea?

Thanks.

Homd•9/10/23, 2:43 PM

Are you sure it's not because the chrome console taking up space which effectively decrease your screen width, could be a responsive issues

haritzOP•9/11/23, 6:54 PM

I just added te widget to the Dashboard page and works well, I do not have this issue

bwurtz999•9/11/23, 7:00 PM

I've had issues in the past trying to use custom CSS with the fullcalendar plugin

haritzOP•9/13/23, 5:59 AM

Did you find a way to make it work with custom theme?

bwurtz999•9/13/23, 8:25 PM

If I remember correctly my issue was with using sizing/spacing. I was trying to get more of the event title to show in each day of the calendar. It ended up screwing up the resizing ability and I had to abandon it. But I have been able to customize things like font color and background color without issue

haritzOP•9/15/23, 7:59 PM

Fixed it adding 'height' value in config.

https://fullcalendar.io/docs/height

height - Docs | FullCalen...

Sets the height of the entire calendar, including header and footer.