PDA

View Full Version : Arrange Buttons/Content of a toolbar.



Sh1n1
5 Aug 2010, 4:56 AM
Hi everyone,

I'm trying to arrange a toolbar in the following way:
<button> <myCustomDivElement> <button>
I need to add the div element dynamically e.g.

Ext.getCmp('mainNavigationBar').update('<div class="progress_bar_toolbar" style="width:60%;margin:5px;"><div class="progress_bar_inner" style="height:100%;width:50%;text-align:center;">50%</div></div>');So I have a toolbar with two buttons and i'm trying to add a div between them.
My attempts so far ended with the buttons on one side and the div on the other.
<button> <button> <myCustomDivElement> is what i get so far ><.
Any suggestions on how I can get the desired result?

Thanks in advance.

evant
5 Aug 2010, 5:10 AM
Ext.setup({
tabletStartupScreen: 'tablet_startup.png',
phoneStartupScreen: 'phone_startup.png',
icon: 'icon.png',
glossOnIcon: false,
onReady: function(){

var toolbar = new Ext.Toolbar({
dock: 'top',
items: [{
text: 'B1'
},{
text: 'B2'
}]
});

new Ext.Panel({
fullscreen: true,
dockedItems: [toolbar]
});

(function(){
toolbar.insert(1, {
xtype: 'component',
html: 'Foo'
});
toolbar.doLayout();
}).defer(3000);
}
});

Sh1n1
5 Aug 2010, 5:24 AM
Thank you, Evant.