61

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' }] }) 
4
  • 2
    have you added css file for fullcalendar? Commented Sep 5, 2014 at 8:26
  • yes, along with jquery I have added in this order, fullcalendar.min.css, fullcalendar.print.css, moment.js, fullcalendar.min.js Commented Sep 5, 2014 at 8:34
  • can you share a jsfiddle link with your problem statement, that will be easy for us to help you. Commented Sep 5, 2014 at 8:42
  • jsfiddle.net/kxchmytn it doesn't show any buttons, am I missing something? was hoping to see buttons like this demo: fullcalendar.io Commented Sep 5, 2014 at 11:53

2 Answers 2

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.

Sign up to request clarification or add additional context in comments.

1 Comment

media="print" it is <link href="~/fullcalendar.print.css" media="print" rel="stylesheet" />
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'); 

Comments

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.