Can the default timeslot height be set in FullCalendar?

Anyone still looking for the answer in new versions. In the new version (v3.9.0), change the css to:

.fc-time-grid .fc-slats td {
  height: 2em; // Change This to your required height
  border-bottom: 0;
}

NOTE: this does not affect the drag-drop or resizing for me.


In fullcalendar.css you can change this line to adjust the timeslot height

.fc-agenda-slots td div { height: 20px; }

So if you your shortest event is half the timeslot length (30min event, but 1hr timeslot) you would double this value


CAVEAT: As pointed out by jjnguy this change will break the drag/drop and resize functionality. It solves the problem of changing the default timeslot height though.


Fullcalendar Version 5

.fc-timegrid-slot {
    height: 30em; // 1.5em by default
    border-bottom: 0 !important;
}

Tags:

Fullcalendar