PDA

View Full Version : Toolbar like Office 2007 (Ribbon)



kimmaydesign
17 Aug 2009, 9:54 AM
Hi People,

Does someone already has developed a toolbar like Office 2007? (Ribbon).

I'm seached in the forum, but not found nothing.

Att.

httpdotcom
17 Aug 2009, 11:57 AM
see the API examples for Toolbars Button Groups (http://extjs.com/deploy/dev/examples/toolbar/toolbars.html) and Buttons (http://extjs.com/deploy/dev/examples/button/buttons.html)... You just have to put it all together.

avsomeren
17 Aug 2009, 12:29 PM
Quick snippet that should get you going :



var header = new Ext.Panel({
border: false,
layout: 'anchor',
region: 'north',
cls: 'docs-header',
height: 120,
items: [{
xtype: 'box',
el: 'header',
border: false,
anchor: 'none -90'
},
new Ext.Toolbar({
items: [{
height: 85,
xtype: 'buttongroup',
title: 'Page',
columns: 2,
items: [{
xtype: 'splitbutton',
iconAlign: 'top',
arrowAlign: 'bottom',
text: 'Create',
iconCls: 'new_page_icon',
scale: 'medium',
rowspan: 2,
menu: [{ text: 'Menu Item'}]
}, {
id: 'cms-save-btn',
disabled: true,
text: 'Save',
iconCls: 'page_save_icon',
scale: 'medium',
handler: function() {
}
}, {
text: 'Delete',
iconCls: 'page_delete_icon',
scale: 'medium'
}]
}]
})]
});

kimmaydesign
18 Aug 2009, 4:33 AM
Sorry,

I'm wrong.

I would like to have said "Tabs", not "Toolbar".

Can anyone help me?

Att.

Lukman
18 Aug 2009, 4:43 AM
Maybe create a tabpanel to host those toolbars?

kimmaydesign
18 Aug 2009, 8:13 AM
Maybe create a tabpanel to host those toolbars?

Hi Lukman,

I want tab style like this: http://extjs.com/forum/attachment.php?attachmentid=2293&d=1193215781


Do you know any implementation?

Att

Lukman
18 Aug 2009, 8:22 AM
How about asking the person who posted that screenshot in that thread itself? Why spawn a new thread if there is existing thread on the same topic? Did you use the search facility before creating this thread?