View Full Version : Calendar Control Toolbar

24 Feb 2015, 12:27 AM
I am trying to add some button in top toolbar of calendar control, I am able to do that in left, right, bottom bars but unable to do that in top bar where its needed. Here is how I am trying to implement;

tbar: [{ xtype: 'button', text: 'Top Button'}],//Not Working
bbar: [{ xtype: 'button', text: 'Bottom Button'}],//Working

Top bar only display the Navigation links, Day, Week and Month button to change the view.

Any help please.


26 Feb 2015, 12:52 AM
You can use this code , this will solve your problem

tools: [{
xtype: 'button',
text: 'button'

26 Feb 2015, 1:09 AM
Thanks, this is now adding a new toolbar on top of existing toolbar bar with calendar navigation links i.e Day, Week, Month option etc. are showing in another toolbar. I want to to shown navigation links and my new custom links to one toolbar. This navigation bar is added by default with calendar.


If you can help me with this

26 Feb 2015, 1:25 AM
good calender :) i am working now same calender example editing and developing :) also i find you want lines,

text: 'button'

you must write this line in calenderPanel.js file under the 207.lines also if you want button location is not center you must write code under the 257.lines (you see this line "this.tbar.items.push('->');" under the it) ;
i hope this can be fix your problem :)

26 Feb 2015, 1:54 AM
Thanks a lot yes same calendar :).

Thanks for your help.