If you are using Enterprise Browser with the Webkit Engine, the rendering will be a bit different from IE. If the app renders well in IE and you don't need any of the webkit features, you can try using Enterprise Browser with the IE engine. You make that selection when you install Enterprise Browser onto your device.
Unfortunately the app is not compatible with IE.
We much prefer to use the HTML5 browser.
What's the proper way to set auto resize with the webkit browser engine? I mean on a web page coding level.
without using adjustments in the config.xml.
I don't think there's a set answer for that. A lot will depend on how the html and CSS are written. This post might help. In the case of the MC92, I think the width of the actual screen width would be 480 and the height would be 640.
Maybe some of the more web savvy users here will have other suggestions.
as Dan replied, the HTML5 way to handle this, is working on the viewport.
If I remember correctly, if you leave commented the viewport line in the config.xml, the standard viewport width should be 980px (this come from iOS).
So, the best option would be to configure the Config.xml with a proper value (the screen width of 480px should be fine), and the add a viewport tag directly to the pages or using Enterprise Browser DOM Injection to setup the pages as you want them. In this way you can even disable pinch&zoom if you need:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
Thank you Pietro for your advice !
Now the config.xml viewport setting is abit confusing to me.
I know this enables the viewport
- <ViewportEnabled value="1"/>
But what about ViewportWidth? What exactly does the value in ViewportWidth mean?
Using the ConfigEditor, there is no option to edit the ViewportWidth, the XML file it generates does not even contain Viewport Width. I thought maybe this meant don't touch this setting.
but according to this reference link
Sets the default viewport width for pages that do not have a viewport meta tag. If not specified, uses 1:1 scaling. Applies only to Windows Mobile/CE; this setting is not supported in Android.
- A number > 0 specifying the width scale
- <ViewportWidth value="1"/>
so it look like it represents some kind of scale value? and not the actual screen pixel.
But if i look at the original config.xml that came with the EB, it does contain ViewporthWidth = 600, which makes me think it's a value of screen pixel?
Please include the followingin your head section of your page.
<meta name="viewport" content="width=device-width, initial-scale=1"
If this still does not work,please send across the page along with .css file if any.
I am trying to render a bold-face font, but I have not been able. I have a asp.net application trying (MC92N0). Your help will be greatly appreciated.