PDA

View Full Version : Add image between buttons in toolbar



wasima
28 Jun 2013, 3:30 AM
Hi,
I have a tool bar , tool bar has buttons i want to add an image between each button , how can i do ?

Ext.apply(this, {
items : [
this.button1, this.button2, this.button3, this.button4
]
});

I want an image between button1 and button2 and so on
Thanks in advance

friend
28 Jun 2013, 4:14 AM
Something like this:



Ext.create('Ext.window.Window', {
height: 200,
title: 'Buttons separated with Images',
width: 400,
dockedItems: [{
xtype: 'toolbar',
dock: 'top',
items: [{
text: 'Button1'
},{
xtype: 'image',
src: 'resources/images/map-pin.png',
width: 16
},{
text: 'Button2'
},{
xtype: 'image',
src: 'resources/images/users.png',
width: 16
}]
}]
}).show();