Adjust visible time in Confiforms calendar week mode

[Erik Buchholz]

We have a ConfiForm with calendar view.

It's in week mode and body placement is in calendar only.

In the preview the calendar opens at 6 o'clock on top and is around 12 o'clock at the bottom without scrolling.

On the page itself it depends on the screen width and in full screen it starts at 0 o'clock and has some free space below 24 o'clock.

We would like to adjust the mode or height that only the time from 6 to 18 o'clock is visible.

Is there a simple way to do so?

[Alex Medved _ConfiForms_ · Accepted solution]

May be you can put the CalendarView macro inside some container, like a DIV macro os something like that? And set that DIV macro to have "max-width" and "max-height" CSS properties. I am referring to DIV macro from Content formatting plugin

Alternatively you can use CSS parameter of the CalendarView macro itself to customize it appearance.

[Erik Buchholz]

Hi Alex,

thanks for your help. I tried it with the CSS parameter of the calendar view.

With "max-height" the calendar has still the same height but all elements below the calendar are inside. With "overflow:auto" we can get a scrollbar but that's no good user experience since the time has a scrollbar and the hole calendar a second one.

With "max-width" it's better. We can limit the width (to 50rem) so that max the hours from 6 to 18 are visible.

Regards,
Erik

[Alex Medved _ConfiForms_]

You are not limited to max-width/max-height - any CSS is possible. And CSS provides myriads of options on how to style your contents

[Erik Buchholz]

I understand that but I'm not experienced with CSS to develop a better solution.

On the other hand I understand the decision to keep the aspect ratio of the calendar because in this case the month view fits. If the height of the calendar would change when you switch the mode or if the month view does not fit into it would be no good user experience.

We will stay at the max-width solution.