profunctional
2 Jul 2010, 8:09 AM
I have added an icon + title into a toolbar that is docked at the bottom. The icon displays, but the title attribute is ignored. Any advice?
var dashboard = new Ext.Panel({
fullscreen: true,
layout: 'card',
items:
[
{
id: 'dashboardList',
xtype: 'nestedlist',
items: [],
toolbar: {
title: 'Dashboard',
items:
[
{
xtype: 'button',
ui: 'mask',
iconCls: 'refresh',
stretch: false,
handler: refresh
},
{
xtype: 'spacer'
},
{
xtype: 'button',
ui: 'mask',
iconCls: 'add',
stretch: false,
handler: function() {
alert('addJob');
}
}
]
}
}
],
dockedItems:
[
{
xtype: 'toolbar',
dock: 'bottom',
defaults: {
ui: 'mask'
},
layout: {
pack: 'center'
},
items:
[
{
xtype: 'spacer'
},{
iconCls: 'settings', title: 'settings',
}
]
}
]
});
var dashboard = new Ext.Panel({
fullscreen: true,
layout: 'card',
items:
[
{
id: 'dashboardList',
xtype: 'nestedlist',
items: [],
toolbar: {
title: 'Dashboard',
items:
[
{
xtype: 'button',
ui: 'mask',
iconCls: 'refresh',
stretch: false,
handler: refresh
},
{
xtype: 'spacer'
},
{
xtype: 'button',
ui: 'mask',
iconCls: 'add',
stretch: false,
handler: function() {
alert('addJob');
}
}
]
}
}
],
dockedItems:
[
{
xtype: 'toolbar',
dock: 'bottom',
defaults: {
ui: 'mask'
},
layout: {
pack: 'center'
},
items:
[
{
xtype: 'spacer'
},{
iconCls: 'settings', title: 'settings',
}
]
}
]
});