Calendar view blank on load

[rokit]

I just tried out the calendar view feature and it’s awesome! I’m not sure if I missed a setting or not but when my calendar loads (it has dynamic data) it is blank when it first loads.

If i advance the month it is fine.

[Teodor]

Hello,

@rokit

calendar view featur

Which calendar view feature do you mean? Can you provide a link to your page, where we can check this?

[rokit]

Component calendar

https://www.pasprintseries.com/Schedule.php

[Teodor]

Ah … you are using the calendar in a tab.
Well tabs, accordions and similar elements which content is hidden by default always cause issues like this, because the initial height is 0.
Please check the following topic for a solution:

Calendar and tabs show problem

@Max_Saravia The calendar fails to calculate the size properly as the tab is hidden initially. We have an Update Size event available for the calendar which will fix this, but the Bootstrap 4 tabs don’t have dynamic events which you can directly use in the UI. You can use the built in Bootstrap 4 events for the tabs as follows: <script> $('a#navTabs1_2_tab').on('shown.bs.tab', function (e) { dmx.parse('calendar1.updateSize()'); }) </script> Just replace #navTabs1_2_t…

[rokit]

That did it thanks