nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

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?

Accepted answers

Alex Medved _ConfiForms_

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.

All comments

Alex Medved _ConfiForms_

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.

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

server

jira

jira-server

confiforms