PDA

View Full Version : Alignment of buttons in tabbar



jochem kuun
27 Jan 2011, 2:13 AM
Hi guys,

as a newbie, I've just started playing around with sencha touch. It's a great product and I think it will save me a lot of time developing apps. I've tried to copy the demo on http://www.youtube.com/user/senchainc#p/a/u/2/YdRHPSbsIhc and I'm having difficulties aligning the refresh button: http://i52.tinypic.com/21c5tv.jpg

As you can see the button is partially visible. Inspection of the used CSS shows that the class .x-button.x-button-plain,.x-toolbar ..x-button.x-button-plain has a margin of "-1.5em -0.5em"
When I disable this margin, the button is displayed correct. But I don't think this is the solution because in the demomovie, the button is rendered correct without adjusting margins.

What am I doing wrong? I've also tested it in safari 5.0.3. Also, I'm using the iOS simulator...

Thanks in advance.

Jochem