CODEWITHSUNDEEP
javascriptjquerycssfullcalendar
nickalchemist
nickalchemist

Reputation: 2241

How to change default row height in fullcalendar day view?

How to change default height of row elements in FullCalendar day view(agenda)? Need CSS class or Javascript function. Refer to screenshot for details- enter image description here

enter image description here

enter image description here

enter image description here

Upvotes: 5

Views: 11855

Answers (1)

Luís Cruz
Luís Cruz

Reputation: 14970

If you want to change the height of each 30-minute block, you should use the following CSS and adjust the height as you need. The default value is 2.5em.

.fc-time-grid .fc-slats td {
    height: 2.5em;
}

Take a look at a working jsfiddle.

Upvotes: 9

Related Questions