Using FullCalendar how can I adjust the height of the fc-event div?

Using FullCalendar how can I adjust the height of the fc-event div?

I am using FullCalendar to display some events, but it is clipping the name of the event in week and day mode.

It appears fullcalendar is setting the height of the fc-event div to 12px, but I need it to be 20px:

Is it possible to set the height of the fc-event div?

Answer by David Marko for Using FullCalendar how can I adjust the height of the fc-event div?

e.g.

.fc-event { height: 2em; }

Answer by Juan Gonzales for Using FullCalendar how can I adjust the height of the fc-event div?

It may work if you go into the fullcalendar.css and change the heights.

Answer by Chris for Using FullCalendar how can I adjust the height of the fc-event div?

My solution is more of a work-around for the issue than an actual solution. When setting the events, add \r\n in the title attribute to space it out a bit more.

I spent a bit of time going through the js file to try and adjust how the height is calculated, but due to the switching of views, it got a bit messy.

This will increase the height of the event without messing around with the positioning/css.

Answer by tossweee for Using FullCalendar how can I adjust the height of the fc-event div?

I simply figured it out. Just put the important rule in fullcalendar.css

height: 50px !important;

Cheers!

Answer by rajitha g for Using FullCalendar how can I adjust the height of the fc-event div?

in your fullcalendar.min.js change defaultTimedEventDuration: "00:15:00" to whatever the time you required.

Fatal error: Call to a member function getElementsByTagName() on a non-object in D:\XAMPP INSTALLASTION\xampp\htdocs\endunpratama9i\www-stackoverflow-info-proses.php on line 72