title: FullCalendar - Change event (appointment, diary entry) height
body: <p>I'm trying to change the height of an event (appointment) in FullCalendar.</p>
  
  <p>I followed the suggestion in this answer <a href="https://stackoverflow.com/questions/3389552/how-to-edit-width-of-event-in-fullcalendar/5777062#5777062">How to edit width of event in FullCalendar?</a> </p>
  
  <p>The problem is that I'm not too sure how to set the height so that it's relative to the calendar size.</p>
  
  <p>I tried this:</p>
  
  <pre><code>  eventAfterRender: function (event, element, view) {
      $(element).css('height', '100%');
      }
  </code></pre>
  
  <p>but it actually shows as a thin sliver, ditto for 200%, as if it's not having an effect.</p>
  
  <p>This works:</p>
  
  <pre><code>  eventAfterRender: function (event, element, view) {
      $(element).css('height', '200px');
      }
  </code></pre>
  
  <p>but it's only good for 1920 x 1080 resolution. Smaller resolutions will cause the appointments to spill over, which is not good.</p>
  
  <p>Any ideas how to set the height of the event to be the same as the cell?</p>
  
  <p>or even better the actual available height of the cell. As events are only displayed below the date.</p>
  
  <p>The usage of this calendar is for an application that only has full day events, so it won't be an issue to just get a single event per cell.</p>
  
  <p>TIA</p>