Custom buttons or elements in header

Originally reported on Google Code with ID 225

Hi,

First of let me say, I love this plugin. I think it's amazing!

I was wondering if there was a way to add a custom button to the header
view? I would like to be able to add a button labeled: Add Event that would
open a new event dialog.

Is this possible?

Thanks.

Reported by raffik on 2009-12-04 04:17:33

Imported with 27 stars

[mik356ua]

Yeah it would be great to add any html code like this or something similar:

$('#calendar').fullCalendar({
    customElements {
        myCustomDropdown: {
            html: '<div class="dropdown">\
                     <button class="btn dropdown-toggle" type="button" data-toggle="dropdown">\
                       Dropdown  <span class="caret"></span>\
                     </button>\
                     <ul class="dropdown-menu">\
                       <li><a href="#" ng-click="runAction()">Action</a></li>\
                       <li><a href="#" ng-click="runAnotherAction()">Another action</a></li>\
                     </ul>\
                   </div>'
        },
        myCustomButton: {
            type: 'button',
            text: 'custom!',
            click: function() {
                alert('clicked the custom button!');
            }
        }
    },
    header: {
        left: 'prev,next today myCustomButton',
        center: 'title',
        right: 'myCustomDropdown month,agendaWeek,agendaDay'
    }
});

And thank you for your awesome plugin:)

[venubabu1996]