This question is locked. New answers and comments are not allowed.
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.
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.
1 Answer, 1 is accepted
0
Accepted
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
Telerik
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
Telerik
Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.