Calendar change dinamically pixel aspect ratio

Front End Components
1

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

2

You can do this with the help of the Browser Component.
Add the browser component on your page so that you can check the viewport width. Then add the following dynamic attribute to your calendar:

 dmx-bind:aspect-ratio="browser1.viewport.width <= 1199 ? 1 : 2"

Which means, if the viewport width is smaller or equal to 1199px, the aspect ratio will be 1, otherwise it will be 2.

3

Thank you Teodor
It works.