1. #1
    Sencha User
    Join Date
    Jul 2012
    Posts
    2
    Vote Rating
    0
    bradpritchard is on a distinguished road

      0  

    Default Unanswered: Tablet vs Phone Zoom Question

    Unanswered: Tablet vs Phone Zoom Question


    I have an application that is almost fully-developed for a phone form factor, and for the beta release we'd like to use the same layout, etc. for tablets (we understand that it will look like a zoomed-in phone app). Long-term, we will begin utilizing profiles and different layouts, but for now we are trying to get the phone and tablet apps to look the same.

    Currently, the tablet app looks similar, but the components are not larger. They are quite small (on the tablet screen), which leaves tons of whitespace within the app.

    Is there a setting or configuration item that I'm missing that might enable what I'm looking for. Perhaps a meta tag on my index.html file? Or perhaps a CSS property to set a base value to be higher for tablets?

    Many thanks.

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,073
    Answers
    3500
    Vote Rating
    852
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Are you using static height/widths with pixels?
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    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 services@sencha.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.

  3. #3
    Sencha User
    Join Date
    Jul 2012
    Posts
    2
    Vote Rating
    0
    bradpritchard is on a distinguished road

      0  

    Default


    Thanks for replying, Mitchell.

    As far as I can tell, no I am not. I have some custom css that gets pre-processed via the compass process, but I was careful to use em's instead of px values. Even so, the areas where I defined custom css are few and far between. The components in play are mostly default Sencha Touch 2.0.1 components.

    I read on a stack overflow thread about setting a META tag for the viewport. Could this be related and/or a requirement?

    The related thread is here: http://stackoverflow.com/questions/1...ewport-scaling. The recommendation from that thread was to do something like the following, but I haven't seen an improvement.

    Code:
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

Thread Participants: 1

Tags for this Thread