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

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: [

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+.