AppBuilder simulator resolutions

2 posts, 1 answers
  1. Jerry
    Jerry avatar
    1 posts
    Member since:
    Jul 2014

    Posted 17 Jul 2014 Link to this post

    It doesn't seems like the AppBuilder simulator have the same resolution as real phones.

    Is it something I need to setup or?

    En example is simple page with a button where I set Width in style to 500px, and in my simulator it fill more than a page e.g. with iPhone 5 simulator.
    Default buttons looks fine in the simulators but are very small in phone.
  2. Answer
    Anton Dobrev
    Anton Dobrev avatar
    604 posts

    Posted 22 Jul 2014 Link to this post

    Hi Jerry,

    In the AppBuilder simulator you can choose the device's platform and the platform's version. Unfortunately, there is no option to configure the resolution.

    The simulator is not a fully functional emulator and has some limitations. For example, the screen resolution for a iPhone 5 in the simulator is predefined to 320 x 568 pixels and the original resolution on the device is 640 x 1136 pixels.

    Also, you can use the "viewport" meta tag and place it in the index.html file for additional configuration as explained in the official PhoneGap API documentation.

    Regarding the difference in the button sizes it may derive from the different screen resolutions, especially if the width of the button is defined in pixels which will prevent the button to retain its responsiveness in different screen sizes (e.g. will look smaller in higher resolution screens). For metric values such as lengths, widths, heights you may prefer to assign relative values instead of absolute (like pixels).

    Please, let us know if you have further questions.

    Best regards,
    Anton Dobrev

    Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

Back to Top