Search code examples
htmlcssfullcalendarfullcalendar-5

Set height of Fullcalendar.io events in a resourceTimeline

i want to set the height of my events, so they fill the full blank space of their time slot. Events should completely occupy the shaded space. There is always only one event in a time slot. My resources are on the y-axis and the time is displayed on the x-axis.

I tried eventMinHeight: 25, but this only works for TimeGrid views.

A fullcalendar with one resource event

Does anyone know how to to that?

Solution

  • I needed to overwrite an inline style with square brackets and !important.

    .fc-event-container[style] {
   height: 59% !important;
}

.fc-event[style] {
   height: 100% !important;
}

    Thanks for your help in the comments @ADyson.