Calander time range

[Jonas Axelsson]

Hi there!

Is it possible to get the calander to show events between for example 07.00-20.00 instead of 00.00-23.59? It just takes up space in the browser for me.

Attaching img for easier understanding.

Thanks in advance

[Alex Tselegidis]

Hello! 

Yes, you can find the fullCalendar initialization in backend_calendar_default_view.js and backend_calendar_table_view.js and set the minTime and maxTime accordingly: 

- https://fullcalendar.io/docs/v3/minTime

- https://fullcalendar.io/docs/v3/maxTime

Alex Tselegidis, Easy!Appointments Creator   Need a customization? Contact me in person!

[Andrea]

there is no min and max times in those files are they elsewhere?

[Alex Tselegidis]

Correct, you are supposed to put these props into the referenced files. 

Alex Tselegidis, Easy!Appointments Creator   Need a customization? Contact me in person!

[Wilson jef]

Could you be more specific please?

[Alex Tselegidis]

Like for example:

// Initialize page calendar
$('#calendar').fullCalendar({

  minTime: '08:00:00',

  maxTime: '18:00:00',
  defaultView: defaultView,
  height: getCalendarHeight(),
  editable: true,
  firstDay: firstWeekdayNumber,
  snapDuration: '00:15:00',
  timeFormat: timeFormat,
  slotLabelFormat: slotTimeFormat

...

Alex Tselegidis, Easy!Appointments Creator   Need a customization? Contact me in person!

[Sean B]

A couple notes:

- Once you edit the code, you have to minify it and overwrite the "min" versions of the files as well (I used this site, I'm sure there are other ways https://javascript-minifier.com/ )

- This reduced the wasted space before 8am however it did not solve the problem in my other thread in that the appointments are too small to click. The calendar just took less space.

Any advice on making the clickable calendar items bigger (and therefore the whole calendar taller) would be appreciated.

Thanks!