1. #1
    Sencha User
    Join Date
    Oct 2013
    Posts
    6
    Vote Rating
    0
    vikasb_77 is on a distinguished road

      0  

    Default Window Phone 8 small Viewport problem

    Window Phone 8 small Viewport problem


    I have strange viewport Issue on Window Phone 8 using ST 2.3.1

    We are using third party Hybrid container to wrap webapp devloped using ST2.3.1

    Issue is web-app is coming in small screen (Both width and height wise) on all WP8 devices/Emulator.
    But on device browser same web app is coming fine.

    Using below solution works but it has also one problem

    I've found following block of code in sencha-touch.css file:
    @-ms-viewport {
    width: device-width;
    }
    and modified it in a following way:
    @-ms-viewport {
    width: 320px;
    }
    -------------
    Using above solution i am facing problem of 1/4px white line on Bottom depending upon Window Phone8 version.

    On PreGDR3 device ,i can see 1 px white line on bottom,
    On GDR3 device, I can see more thicker whiteline on bottom (4-5pix)

    Can anySencha expert help me out to solve this bug ?
    Any suggestions are welcome!

  2. #2
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    3,691
    Vote Rating
    117
    fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all

      0  

    Default


    Sounds like the following issue:
    http://www.sencha.com/forum/showthre...ndows-phone-8&

    Rather than fixing this issue in css. Try adding the following viewport config to your Ext.application in app.js
    Code:
    viewport: {
        width: '100.2%',
        height: '100.2%'
    }
    Get more personalized support via a support subscription.

    Want to learn Sencha Touch 2? Check out
    Sencha training
    Sencha Touch in Action

    Need more help with your app? Hire Sencha Services services@sencha.com

    When posting code, please use BBCode's CODE tags.

    Need to include a test case use:
    The official Sencha Fiddle

  3. #3
    Sencha User
    Join Date
    Oct 2013
    Posts
    6
    Vote Rating
    0
    vikasb_77 is on a distinguished road

      0  

    Default


    Already tried this solution.

    But this also has one problem.

    ON PreGDR3 device: 1 pix white line on bottom and when keypad opens up one pix white line also on Right edge

    On Post GDR3 device: 3-4 pix thick white line on device.

    Verified on device as well Emulator.
    Behavior is same as explained Above.

  4. #4
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    3,691
    Vote Rating
    117
    fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all fmoseley is a name known to all

      0  

    Default


    Can you send me a screenshot of this issue.
    Get more personalized support via a support subscription.

    Want to learn Sencha Touch 2? Check out
    Sencha training
    Sencha Touch in Action

    Need more help with your app? Hire Sencha Services services@sencha.com

    When posting code, please use BBCode's CODE tags.

    Need to include a test case use:
    The official Sencha Fiddle

  5. #5
    Sencha User
    Join Date
    Oct 2013
    Posts
    6
    Vote Rating
    0
    vikasb_77 is on a distinguished road

      0  

  6. #6
    Sencha User
    Join Date
    Oct 2013
    Posts
    6
    Vote Rating
    0
    vikasb_77 is on a distinguished road

      0  

    Default


    hi,
    any response please.
    Just want to narrow down...if it is a known Issue of sencha or bug in Window phone webView or problem in my app.

    Thanks

Thread Participants: 1

Tags for this Thread