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

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.

5 Aug 2010, 5:10 AM
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]

toolbar.insert(1, {
xtype: 'component',
html: 'Foo'

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