Calendario

Question

Hi, I notice that on mobile view the calendar is responsive and will show many items on a date, moving them down as needed. This is perfect.
My issue is that when looking at the calendar in desktop view, it doesn't behave the same way. The dates do not resize to fit the contents of each date cell. Is there any setting that allows the size of the date cells to expand according to the elements (like buttons) that are placed in the date cell? At the moment, the cell stays the same size (which can be quite small depending on the number of rows/weeks in the month being displayed) regardless of content.
Thanks,
Maria

SemiColonWeb · Accepted Answer

Hello,

Unfortunately, this is not supported with the Calendar on the Desktop Version. You can consider adding the following CSS Code:


.fc-calendar .fc-row > div {
	overflow-y: scroll;
}

This will make the Date Cell scrollable accommodating multiple events. This is possible solution available at the moment.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

mhynes · Answer

Well thank you! This is something I never thought of and it works well!

As a follow-up is there any easy way with css to hide the scroll-bar arrows if the date cell doesn't have multiple events (and doesn't need to scroll) and to only show the the arrows if it needs?

I've attached an image so you can see what I mean.

Thanks again!

Maria

Semicolon Web · Answer

Hello,

Unfortunately, not. This is a Browser feature and cannot be modified. You can consider using overflow-y: auto;.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

mhynes · Answer

Hi Team, I can't thank you enough! This suggestion worked perfectly. Many thanks, Maria

Semicolon Web · Answer

Hello, Very Happy to Help! Do let us know if we can help you with anything else or if you find any further issues with Canvas.