PDA

View Full Version : tabBar dock on top do not display icon?



lansea
25 Jul 2010, 6:50 AM
I use the follow code to display the icon tab bar, but when change the dock: 'bottom' to dock:'top', it display the text tabbar, no icons.

Ext.setup({
icon: 'icon.png',
tabletStartupScreen: 'tablet_startup.png',
phoneStartupScreen: 'phone_startup.png',
glossOnIcon: false,
onReady: function() {
this.tabpanel = new Ext.TabPanel({
fullscreen: true,
// type: 'light',
tabBar: {
dock: 'bottom',
scroll: 'horizontal',
sortable: true,
ui: 'light',
defaults: {
ui: 'mask'
},
layout: {
pack: 'center'
}
},
cls: 'card1',
html: 'Both toolbars and tabbars have built-in, ready to use icons. Styling custom icons is no hassle.<p><small>If you cant see all of the buttons below, try scrolling left/right.</small></p>',
defaults: {
ui: 'mask'
},
items: [
{ iconCls: 'bookmarks', title: 'Bookmarks' },
{ iconCls: 'download', title: 'Download' },
{ iconCls: 'favorites', title: 'Favorites' },
{ iconCls: 'info', title: 'Info' },
{ iconCls: 'more', title: 'More' },
{ iconCls: 'search', title: 'Search' },
{ iconCls: 'settings', title: 'Settings' },
{ iconCls: 'team', title: 'Team' },
{ iconCls: 'time', title: 'Time' },
{ iconCls: 'user', title: 'User' }
]

});

}
});

evant
25 Jul 2010, 5:14 PM
Yes, that's just the default behaviour, tabs at the top, buttons at the bottom.

minhtri2711
6 Jan 2011, 11:39 PM
But my supervisor likes icon on top.
So how can i fix it?

John Sourcer
8 Jan 2011, 7:00 AM
But my supervisor likes icon on top.
So how can i fix it?

:))