Hi,

apologies if wrong place for this.

Right now fullcalendar's header is output 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 (order of rows not vital, though title on top is better):

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

Or even better using divs, and css.

<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>

I noticed that resizing the window the main table resizes fine, but the header creates horizontal scrolling, actually in week view there is a problem also with the week's days when resizing over a given limit, but that doesn't concern me as I am going to remove the week, and day navs.

Thank you

Comments

Snehal Brahmbhatt’s picture

You can change headers of "FullCalendar" in view under "FORMAT" section click on "Settings" it will open popup for you. You can change header settings under "HEADER SETTINGS" section.

Find more details regarding configuration here.

Hope this helps!

Thanks,
Snehal Brahmbhatt | AddWeb Solution
https://www.drupal.org/user/3147795/track

keneso’s picture

Thank you.

I had read that, I was aiming at changing the output in more rows, or even better to divs.

Anyhow I had removed the cells (thru the settings) I didn't need, and it's ok, though like said the divs approach would be better.