{"action":"created","issue":{"url":"https://api.github.com/repos/angular-ui/ui-calendar/issues/328","labels_url":"https://api.github.com/repos/angular-ui/ui-calendar/issues/328/labels{/name}","comments_url":"https://api.github.com/repos/angular-ui/ui-calendar/issues/328/comments","events_url":"https://api.github.com/repos/angular-ui/ui-calendar/issues/328/events","html_url":"https://github.com/angular-ui/ui-calendar/issues/328","id":108224280,"number":328,"title":"Custom buttons in config not showing in calendar","user":{"login":"rdeslonde","id":8587816,"avatar_url":"https://avatars.githubusercontent.com/u/8587816?v=3","gravatar_id":"","url":"https://api.github.com/users/rdeslonde","html_url":"https://github.com/rdeslonde","followers_url":"https://api.github.com/users/rdeslonde/followers","following_url":"https://api.github.com/users/rdeslonde/following{/other_user}","gists_url":"https://api.github.com/users/rdeslonde/gists{/gist_id}","starred_url":"https://api.github.com/users/rdeslonde/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rdeslonde/subscriptions","organizations_url":"https://api.github.com/users/rdeslonde/orgs","repos_url":"https://api.github.com/users/rdeslonde/repos","events_url":"https://api.github.com/users/rdeslonde/events{/privacy}","received_events_url":"https://api.github.com/users/rdeslonde/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":5,"created_at":"2015-09-24T22:15:19Z","updated_at":"2015-11-30T03:11:31Z","closed_at":null,"body":"Per the fullcalendar documentation (http://fullcalendar.io/docs/display/customButtons/) you can add buttons in the config. However trying this with their example doesn't work in the angular config.\r\n\r\nHere's my config. Everything works except the custom button doesn't show up.\r\n\r\nvm.uiConfig = {\r\n                calendar: {\r\n                    editable: true,\r\n                    customButtons: {\r\n                        myCustomButton: {\r\n                            text: 'custom!',\r\n                            click: function() {\r\n                                alert('clicked the custom button!');\r\n                            }\r\n                        }\r\n                    },\r\n                    header: {\r\n                        left: 'month,agendaWeek,agendaDay prev,next today myCustomButton',\r\n                        center: 'title',\r\n                        right: 'subscribe'\r\n                    },\r\n                    theme: false,\r\n                    eventSources: vm.eventSources,\r\n                    eventClick: vm.eventClick,\r\n                    dayClick: vm.dayClick\r\n                }\r\n            };"},"comment":{"url":"https://api.github.com/repos/angular-ui/ui-calendar/issues/comments/160505745","html_url":"https://github.com/angular-ui/ui-calendar/issues/328#issuecomment-160505745","issue_url":"https://api.github.com/repos/angular-ui/ui-calendar/issues/328","id":160505745,"user":{"login":"amaanr","id":110040,"avatar_url":"https://avatars.githubusercontent.com/u/110040?v=3","gravatar_id":"","url":"https://api.github.com/users/amaanr","html_url":"https://github.com/amaanr","followers_url":"https://api.github.com/users/amaanr/followers","following_url":"https://api.github.com/users/amaanr/following{/other_user}","gists_url":"https://api.github.com/users/amaanr/gists{/gist_id}","starred_url":"https://api.github.com/users/amaanr/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/amaanr/subscriptions","organizations_url":"https://api.github.com/users/amaanr/orgs","repos_url":"https://api.github.com/users/amaanr/repos","events_url":"https://api.github.com/users/amaanr/events{/privacy}","received_events_url":"https://api.github.com/users/amaanr/received_events","type":"User","site_admin":false},"created_at":"2015-11-30T03:11:31Z","updated_at":"2015-11-30T03:11:31Z","body":"I'm also not getting the custom button to appear. Do I need to do any pre-configuration? My calendar shows up fine and playing with the order of the header buttons seems to work also. I just can't seem to get the custom button to show up. See code below.    \r\n\r\n    $(document).ready(function() {\r\n\r\n\t  $('#calendar').fullCalendar({\r\n\t    customButtons: {\r\n\t      myCustomButton: {\r\n\t        text: 'New Event',\r\n\t        click: function() {\r\n\t          location.href = '/events/new';\r\n\t        }\r\n\t      }\r\n\t    },\r\n\t    header: {\r\n\t      left: 'prev,next today myCustomButton',\r\n\t      center: 'title',\r\n\t      right: 'month,agendaWeek,agendaDay'\r\n\t    },\r\n\t    defaultView: 'month',\r\n\t    slotMinutes: 30,\r\n\t    dragOpacity: \"0.5\"\r\n\t  })\r\n\r\n\t});"}}