FullCalendar header buttons missing

Question

I am using fullCalendar as below and have defined header section, everything works ok except header where it's only showing title but next, prev, month view etc buttons are missing

if I remove word 'title' it removes title so it seems to be doing something but just not showing buttons, any ideas why? am I missing something? my code looks like below:

jQuery('#calendar').fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    eventSources:
    [{
        url: url,
        color: '#ffdce5',
        textColor: 'black' 
    }]

})

yes, along with jquery I have added in this order, fullcalendar.min.css, fullcalendar.print.css, moment.js, fullcalendar.min.js — Moji, Sep 05 '14 at 08:34
can you share a jsfiddle link with your problem statement, that will be easy for us to help you. — Bhushan Kawadkar, Sep 05 '14 at 08:42
http://jsfiddle.net/kxchmytn/ it doesn't show any buttons, am I missing something? was hoping to see buttons like this demo: http://fullcalendar.io/ — Moji, Sep 05 '14 at 11:53

score 195 · Accepted Answer · edited Sep 26 '15 at 17:07

195

Having just had the same problem I suspect your issue is that you're missing the media="print" attribute on the fullcalendar.print.css style sheet link.

edited Sep 26 '15 at 17:07

Sebas

21,192
9
55
109

answered Sep 05 '14 at 13:55

SteveB

2,311
1
16
6

14

media="print" it is – Moji Sep 05 '14 at 16:05

score 0 · Answer 2 · edited Sep 26 '15 at 17:06

0

And if you're using Zend Framework to append the stylesheet, you can use this to add the media="print"...

$this->view->headLink()->appendStylesheet('/styles/jquery-plugins/fullcalendar.print.css', 'print');

edited Sep 26 '15 at 17:06

Sebas

21,192
9
55
109

answered Feb 01 '15 at 12:21

ssin

221
1
4
13

FullCalendar header buttons missing

2 Answers2

Linked