PDA

View Full Version : Viewport and Bottom Tabs



nickbanks
20 Feb 2011, 7:16 PM
Hi,


I have two problems. Firstly, everything appears very small when viewing on an iPhone4. I have added this meta tag:


<meta id="viewport" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=1;" /><meta name="apple-mobile-web-app-capable" content="yes">


But that doesn't seem to fix it. I also tried with width=340 etc. The strange thing is that this wasn't a problem until recently. I am not sure what I changed. Weirdly, this is only a problem if I actuallly browse to the site in safari. For the webapp link that is saved to the homepage, it's not a problem.


My second issue is with the bottom tabs. This works on my mac, but not on my iphone:

contentPanel = new Ext.TabPanel({
fullscreen: true,
tabBar: {
dock: 'bottom',
ui: 'dark',
layout: {
pack: 'center'
}
},
items: [home, fashion, travel, other, contact],
});

If I remove the tabBar part, it works on both (but is obviously a top bar).

Any help would be much appreciated!

- Nick

nickbanks
23 Feb 2011, 9:11 AM
Bump :)