PDA

View Full Version : iOS 4.0.2 TabPanel icons don't work



nikolawannabe
18 Mar 2011, 1:45 PM
I have set of Bottom Tabs in a TabPanel set up, and it looks like the following:


var tabpanel = new Ext.TabPanel({
tabBar: {
dock: 'bottom',
ui: 'light',
layout: {
pack: 'center'
}
},
fullscreen: true,
cardSwitchAnimation: {
type: 'fade',
cover: true
},
defaults: {
scroll: 'vertical',
},
items: [
articleContent,
articleMetadata,
articleSocial]
});

Each of the items is a Panel set up like the following:

var articleSocial = new Ext.Panel(
{
title: 'Social',
html: articleSocialString,
cls: 'card3',
iconCls: 'team',
scroll: 'vertical',
id: 'card3'
});

The three buttons at the bottom do nothing when clicked when they are viewed on an iPhone with iOS 4.0.2. They work as expected in iOS 4.2+.