facebook

Differences between emulator and device

💡
Our Forums Have Moved

For help with installation, bugs reports or feature requests, please head over to our new forums.
Genuitec Community on GitHub

  1. MobiOne Archive
  2.  > 
  3. Getting Help – General
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #326478 Reply

    tonyontravel
    Member

    Edited by support-octavio; moved from 2.0 early-access forum which is now locked because of 2.0 release
    Hi all and thanks for your help.

    I’m Claudio from Italy at my first MobiOne application.
    My application is web based, is very simple with a splash page

    with logo, panel text, two list items
    The first list Item refer a second MobiOne page (under construction)
    The second list item (“Calcola CBA”) play the action “Go to URL” of my web application custom made for mobile dimension 320×450.
    Running emulator I can see my exact result (what I wish).

    But after publish running on my iPhone 3Gs iOS 5.1.1 (9B206) the splash page works but the web page opens like you can see

    also the text number at bottom is displayed with no background, size, color.
    Also the available area is reduced by top and botton area of browser.

    Here webapp link : http://goo.gl/jIVBW

    What else I have to set ?

    #326497

    tonyontravel
    Member

    @support-octavio wrote:

    Hi tonyontravel,

    Seems like you miss the “viewport” meta tag:

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

    Did you delete this manually?
    What Mobione version are you using?

    this is part of html

      <head>
        <title>NextRTS</title>
        <meta name="generator" content="MobiOne Studio - Design Center, http://genuitec.com/mobile"/>
        <meta name="viewport" content=
          "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta name="apple-mobile-web-app-capable" content="yes"/>
        <meta name="format-detection" content="telephone=no"/>
        <link rel="stylesheet" href="NextRTS.css"/>
        <link rel="stylesheet" href="res/spinningwheel.css"/>
        <script type="text/javascript" src="res/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="res/preloadCssImages.js"></script>
        <script type="text/javascript" src="res/iscroll.js"></script>
        <script type="text/javascript" src="NextRTS.js"></script>
        <script type="text/javascript" src="res/phoneui.js"></script>
        <script type="text/javascript" src="res/spinningwheel.js"></script>
        <script type="text/javascript" src="NextRTS_custom.js"></script>
      </head>

    the meta tag is present.

    #326506

    tonyontravel
    Member

    You’re right!

    I’ve added the meta tag and now the dimension are correct (as you can check).

    But what about the Safari areas to hide (URL address and search on top and navigate buttons on bottom).

    And what about the number above the button (when you select an item i.e “8” and press “Calcola CBA”) with no right color, size and background?

    Thanks again for your support.

Viewing 3 posts - 1 through 3 (of 3 total)
Reply To: Differences between emulator and device

You must be logged in to post in the forum log in