[hardsofft]

i was trying to add the meta tag to fit all screen resolution using html widget but its not working..

<meta name="viewport" content width="device-width" user-scalable="no" />

[hardsofft]

Any ideas on how to implement the app successfully on all ios devices with auto adjust to its screen width and height resolution..

[Brandon]

That wont work. Designing for multiple platforms takes some getting use to. Here is the official auto-resizing information.
http://www.genuitec.com/mobile/docs/advancedUIDesign/advancedUIDesign.html

I always double check my design by changing to the various device size in the visual editor too. This give you a good idea on how they will look.

[hardsofft]

ya wat u said is true. my problem is the whole page is a html widget. in that html i used some images. i tried to assign image width and height with some pixels but its applying only to the iphone5. when i change the device type to iphone 4 the images are out of screen page as i cant see.

[Brandon]

Instead of using a pixel width use a percentage. This will allow you to display them on different devices with roughly the same look.

[Unknown Author]

phoneui.documentReadyHandler = function() {

n=window.screen.height;

if (n < 500)
 {
  phoneui.gotoPage('m1-HomeScreen_iphone4', 'NONE');}
if (n > 500)
 {
  phoneui.gotoPage('m1-HomeScreen_iphone5', 'NONE');}
}

[hardsofft]

Wow that worked charming on my phone but i think for me didn’t worked on simulator… i just want to know what that “n<500 and>500” . i know from the code n=device height but how to determine the value of n for so that i can use it for android devices… hatts off to thinchip, cincy and other mobione moderators for their kind support. wells done by our great team and great work and much appreciated…

[Mikelv001]

iThinchip-

Can you provide the step-by-steps to add this to my apps?

What I’m trying to do is update my apps again to look great on both the 5 & ipad screens. I’d like to have completely different screens for the ipad vs 5, since the ipad has so much more to work with (different images, combing widgets on a single ipad screen vs multiple screens on the 5)….and it looks like yours will work – different main screens are activated depending on screen size, which would be perfect…..but I don’t know how to implement what you’ve done. Can you help?

Mike

[Unknown Author]

phoneui.documentReadyHandler = function() {}

is one of the default functions in your <name>_custom.js file. Just paste in my code. Then, adjust n to account for iphone 5 vs ipad screen sizes. You might have to compile it and do some

alert(n)

to figure out what those numbers are.

On your actual main page, you need to include your other homepages using “Additional Project Files” under “Miscellaneous”.

Don’t forget there are still iPhone 4 users out there.

-1TC

[jonathannew]

@1thinchip wrote:

phoneui.documentReadyHandler = function() {

n=window.screen.height;

if (n < 500)
 {
  phoneui.gotoPage('m1-HomeScreen_iphone4', 'NONE');}
if (n > 500)
 {
  phoneui.gotoPage('m1-HomeScreen_iphone5', 'NONE');}
}

Can this code be simulated using the M1 mobile web simulator?

I change the n=window.screen.height to 800 and started the simulator on Nexus S layout (which has screen size of 480×800). However the simulator does not display my Nexus S layout but instead display my tablet 10″ layout. I added an alert(n) and it shows screen height as 960. Shouldn’t it be showing 800 since I started the simulator on the Nexus S layout ?

Currently I do not have an actual tablet to test this out.

Attachments:

You must be logged in to view attached files.

[support-octavio]

Hi jonathannew,

I am checking with the dev team. You can try the custom resolution setting and see if you can continue your dev and testing using it.

[jonathannew]

Thanks !

[Author]

Posts