Fullcalendar header output

JavaScript
1

Hi,

I am using FullCalendar v1.6.7 js, and need to change the way the header is output.
Right now it outputs like this

<tr>
<td>left side (today, prev/next)</td>
<td>center (title)</td>
<td>right side (month, week, day)</td>
</tr>

how can I change it to

<tr>
<td>top (title)</td>
</tr>
<tr>
<td>middle (today, prev/next)</td>
</tr>
<tr>
<td>bottom (month, week, day)</td>
</tr>

or even better to

<div class="fullcal-header">
<div class="fullcal-title">title</div>
<div class="fullcal-prev-next">prev-next</div>
<div class="fullcal--mwd">month, week, day</div>
</div>

This is to have the header resize without creating horizontal scroll when resizing window (smaller devices)

Thank you

2

It seems that a complete rewrite of the rowRenderer part of the fullcalendar script would be required, along with updates to the headHtml section.

Two easy options present themself here:

  1. Make an update request to the original developer
  2. Find another calendar library that better suits your needs
3

Thank you.

1 - I have, but no reply, yet.
2 - I wish I knew enough to then integrate it with the cms.

I’ll wait, and in the meantime try to find alernatives.

4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.