Calendar - Dynamic aspect ratio

[bpj]

If the aspect ratio for a calendar component is set to a larger number e.g. 2.05, on mobile it is placed in a scrollable container (hiding the second half of the month in month view) but looks great on desktop. If changed to a lower number, it becomes huge on desktop but displays the full month on mobile.

It would be great if there was a dynamic aspect ratio option which, when the expression changed, triggered the resize function.

I found a temporary workaround by using

dmx-bind:aspect-ratio="browser1.viewport.width >= 992 ? 2.05 : 1"

but it doesn’t trigger a change if the window is resized.

This was also mentioned in a post here so I’m clearly not the only one finding this an issue:

Calendar change dinamically pixel aspect ratio

Hi I would like to change the pixel aspect ratio of the calendar based on screen width. I know that the calendar resize accordingly to the device screen, but I need a smaller height (so bigger aspect ratio) in XL devices and bigger height on mobile (smaller aspect ratio) It is possible? Thanks

[Teodor]

@bpj

I found a temporary workaround by using

dmx-bind:aspect-ratio="browser1.viewport.width >= 992 ? 2.05 : 1"

but it doesn’t trigger a change if the window is resized.

What do you mean? When you load the site, it checks the viewport width and then it sets the correct aspect ratio. What’s wrong with that?

[bpj]

If the window is resized, it sticks with the initially set ratio. Not all users open a window and keep it the same size.