• Mobile controls 8.5.3 on iPhone

    By miguel calvo 1 decade ago

    Hi,

        I'm testing mobile controls in 8.5.3 release. When accessing my app with a real iPhone, the HTML page doesn't contain

    <meta name = "viewport" content = "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">  

and the page doesn't scale for iphone browser. I solve this by adding the meta in my  XPage resources section.
Can this be done at Application level ?
Thanks

    • Re: Mobile controls 8.5.3 on iPhone

      By Lorcan McDonald 1 decade ago

      Yes, you can set it in a theme.

      However you probably don't want to do it at an application level as it may prevent your users from being able to use pages that haven't been designed for mobile use as it prevents pinch to zoom.

      The mobile controls plugin includes a mobile.theme file that does provide this tag for you and we also have a mechanism to enable it just for your mobile pages:

      1. Open the Package Explorer view in designer (it's most easily found in the Java perspective) and in your NSF open WebContent/WEB-INF/xsp.properties
      2. Add "xsp.theme.mobile.pagePrefix=mobile" to the end

      This will override the Application's theme for any XPage whose name begins with "mobile" (eg mobileMain.xsp or mobileDocs.xsp) and use a device specific theme instead.