13 Dec 2012 7:25 AM #1
components extend beyond the viewport
I have a small issue I am sure is solvable. I am using ST2.1
I have a fixed length components (up to 720px width) yet on my android 4.2 nexus I see half of the component as if the screen is only 350px side. printing the screen.width yields 720 of course.
I have the following meta tag in my HTML:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0"/>
I am not sure how to solve this. I have seen many questions about this in the forum that were all solved by meta viewport. for certain I am missing something or doing something wrong.
any ideas on where to look?
15 Dec 2012 7:13 AM #2
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
The Viewport is using 100% width/height, what you should do is have the 720px component within a scrollable container so you can scroll to the rest of the component.
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services email@example.com
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!
When posting code, please use BBCode's CODE tags.
15 Dec 2012 8:26 AM #3
thanks; I understand what you said but let me clarify.
the screen.width is 720 but the view port shows only ~half that. that my problem,. I don't want a a scrollable container. I just need to 720 width component to be shown fully in side the viewport and only just half of it.
could this have something to do with nesting layouts?