Ich versuche, die Höhe eines Ereignisses (Termins) in FullCalendar zu ändern.

Ich folgte dem Vorschlag in dieser AntwortWie bearbeite ich die Breite eines Ereignisses in FullCalendar?

Das Problem ist, dass ich mir nicht sicher bin, wie ich die Höhe so einstellen soll, dass sie relativ zur Kalendergröße ist.

Ich habe es versucht:

  eventAfterRender: function (event, element, view) {
    $(element).css('height', '100%');
    }

aber es zeigt sich tatsächlich als dünnes Band, dito für 200%, als ob es keinen Effekt hat.

Das funktioniert:

  eventAfterRender: function (event, element, view) {
    $(element).css('height', '200px');
    }

aber es ist nur gut für 1920 x 1080 Auflösung. Bei kleineren Auflösungen werden die Termine überschwemmt, was nicht gut ist.

Irgendwelche Ideen, wie man die Höhe des Ereignisses so einstellt, dass sie mit der Zelle übereinstimmt?

oder noch besser die tatsächlich verfügbare Höhe der Zelle. Als Ereignisse werden nur unterhalb des Datums angezeigt.

Die Verwendung dieses Kalenders ist für eine Anwendung vorgesehen, die nur ganztägige Ereignisse enthält, sodass es kein Problem darstellt, nur ein einzelnes Ereignis pro Zelle abzurufen.

TIA