Month view template widths

Hi,

I am having an issue with the widths on the month view. It seems the width of the templates to not adjust when the scheduler container width is changed. I end up getting the issue where the template is unexpectedly overflowing onto the next day.
I have a stack blitz example here. Just change to month view and click the "Toggle button"
https://stackblitz.com/edit/react-2cym2m?file=index.js

Notice the overflow here


It seems this is an issue with the widths being set to a fixed pixel width due to the containing divs being absoluted?


Thanks

JJJJ


3 Replies 1 reply marked as answer

RM Ruksar Moosa Sait Syncfusion Team March 11, 2022 02:16 PM UTC

Hi Jay,


You need to refresh the scheduler in order to overcome the reported issue like the below code snippet.

  this.scheduleObj.refresh();


Sample: https://stackblitz.com/edit/react-2cym2m-bsrkr6?file=index.js


Kindly try the above sample and let us know if this meets your requirement.


Regards,

Ruksar Moosa Sait



JJ jay jonah jameson jr March 14, 2022 04:34 AM UTC

Hi Ruksar,


Thanks for the reply. My default selected view is work week. Once I refresh the scheduler, it changes from the selected month view back to the work week view.

https://stackblitz.com/edit/react-2cym2m-eri9qp?file=index.js


Thanks

Jay



RM Ruksar Moosa Sait Syncfusion Team March 15, 2022 03:41 PM UTC

Hi Jay,


You can use refreshEvents method to overcome the selected view issue like the below code snippet.


this.scheduleObj.refreshEvents();


Sample: https://stackblitz.com/edit/react-2cym2m-vi7gum?file=index.js


Regards,

Ruksar Moosa Sait


Marked as answer
Loader.
Up arrow icon