PDA

View Full Version : TabBars and iconCLS (just another newbie noob noob question)



StayArrr
13 Feb 2011, 1:21 AM
Hi all,

I have a little problem getting started with an UI with Sencha:
24678

As you can see, looks ok, but the text which is shown beneath the icon is the html, which I want to provide in the content area. I give you my code:



Ext.setup({
tabletStartupScreen: 'tablet_startup.png',
phoneStartupScreen: 'phone_startup.png',
icon: 'icon.png',
glossOnIcon: false,

onReady: function ()
{
var rootPanel, topBar, bottomBar;

topBar = new Ext.Toolbar
({
title: 'Title'
});

bottomBar = new Ext.TabBar
({
dock: 'bottom',
ui: 'light',
layout:
{
pack: 'center',
},
cardSwitchAnimation:
{
type: 'slide',
cover: true
},
defaults:
{
scroll: 'vertical',
padding: 5,
},

items:
[
{
title: 'Favorites',
html: 'Favorites Card bla',
iconCls: 'favorites',
cls: 'card card1',
},
{
title: 'Settings',
html: 'Settings Card',
cls: 'card card2',
iconCls: 'settings'
},
]

});

rootPanel = new Ext.TabPanel
({
fullscreen: true,
dockedItems:
[
topBar,
bottomBar
]
});
}
});




I refactored the BottomTabs Example a little bit, but that doesen`t work. So can anyone help me? Give an advice or so? Thank you. =)