Auto-size problem on my calendar, it doesn't appear

[kryo91]

Hello, I have a problem that I have to solve before tomorrow. Here I have two calendars, one is displayed if my variable varTarification is equal to 4 and the other if the variable is different from 4, since I put this condition, my calendar bugs when displaying the div. it seems that it is a problem of auto update of the size of the calendar, I do not know however how to integrate the code to correct this, thank you in advance

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…

[Teodor]

Use conditional regions instead of dmx-show and use the Show event of the conditional region to call calendar Update Size action.

[kryo91]

@Teodor how do i integrate the script into the conditional region? my calendar is calendar4

<div id="conditional1" is="dmx-if" dmx-bind:condition="varTarification.value!=4" dmx-on:show="">

thanks

[Teodor]

Well, use the actions picker to select the Calendar Update size action on show.

[kryo91]

Sorry I don't understand, do you have a screenshot? Thanks

[Teodor]

There is nothing unusual, the same way as you call any other dynamic event!

[kryo91]

Thanks, unfortunately that doesn't fix the problem, I'll keep looking

[kryo91]

It works if I don't display it right when opening the page, thanks