Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Sencha User
    Join Date
    Oct 2011
    Posts
    4
    Vote Rating
    0
    benmcmath is on a distinguished road

      0  

    Default Address Bar no longer hidden in Safari with Sencha Touch 2.0

    Address Bar no longer hidden in Safari with Sencha Touch 2.0


    REQUIRED INFORMATION


    Ext version tested:
    • Sencha Touch 2.0
    Browser versions tested against:
    • Mobile Safari
    • Andriod
    Description:
    • When viewing Sencha Touch 2 apps, the browser address bar is no longer hidden automatically. If I view a Sencha Touch 1.1 app on a mobile device, when the app loads, it hides the address bar.
    • This obviously only occurs when apps are pulled up through the browser, and not launched from the homescreen.
    Steps to reproduce the problem:The result that was expected:
    • I would expect this to work like it did on ST1.1 and hide the address bar.
    The result that occurs instead:

    Test Case:



    HELPFUL INFORMATION


    Screenshot or Video:
    • attached
    See this URL for live test case: http://


    Debugging already done:
    • none
    Possible fix:
    • not provided
    Additional CSS used:
    • only default ext-all.css
    • custom css (include details)
    Operating System:
    • iOS 5.1
    • Android 2.3.3

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,125
    Vote Rating
    855
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      2  

    Default


    You can try to set autoMaximize in the viewport config:

    Code:
    Ext.setup({
        viewport : {
            autoMaximize : true
        },
        ...
    });
    or

    Code:
    Ext.application({
        viewport : {
            autoMaximize : true
        },
        ...
    });
    Look at the API docs as there are some important notes to take note of:

    http://docs.sencha.com/touch/2-0/#!/...g-autoMaximize
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Dec 2011
    Location
    Bergen Norway
    Posts
    8
    Vote Rating
    0
    marvavik is on a distinguished road

      0  

    Default lower menu

    lower menu


    Thanks, it works.
    but ,the lower menu is still...

    MWSnap007 2012-04-16, 20_50_08.jpg

  4. #4
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,125
    Vote Rating
    855
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    You can try this meta tag

    Code:
    <meta name="apple-mobile-web-app-capable" content="yes" />
    If I remember correctly I think that will hide it.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  5. #5
    Sencha User
    Join Date
    Dec 2011
    Posts
    25
    Vote Rating
    0
    ziaullhaq.s is an unknown quantity at this point

      0  

    Default Getting error with setAutoMaximize to true

    Getting error with setAutoMaximize to true


    When i am adding below line in my code.
    Ext.Viewport.setAutoMaximize(true);


    This Error I am getting
    Error: Object doAutoMaximizeOnReady has no method 'call'





  6. #6
    Sencha User
    Join Date
    Feb 2012
    Posts
    73
    Vote Rating
    1
    elad101 is on a distinguished road

      0  

    Default


    Do you use Ext designer 2.0?

  7. #7
    Sencha User
    Join Date
    Jan 2011
    Posts
    1
    Vote Rating
    0
    lfnian is on a distinguished road

      0  

    Default I had the same error Getting error with setAutoMaximize to true

    I had the same error Getting error with setAutoMaximize to true


    Error: Object doAutoMaximizeOnReady has no method 'call'

    is there any guys could solute this error? Thanks.

  8. #8
    Sencha Premium Member Carlos.D's Avatar
    Join Date
    Nov 2011
    Location
    Luxembourg
    Posts
    38
    Vote Rating
    1
    Carlos.D is on a distinguished road

      0  

    Default


    Hi,

    Even with the tags the bottom bar of the browser still appear.

    <meta name="apple-mobile-web-app-capable" content="yes">


    Have someone, solve this problem ?

    Thks

  9. #9
    Sencha User
    Join Date
    Nov 2011
    Posts
    45
    Vote Rating
    0
    lennonnz is on a distinguished road

      0  

    Default


    You cannot hide the bottom bar it if you open your app on a webpage from Safari. If you open it from a link you've made (which opens in Safari) then the bottom bar will go away.

  10. #10
    Sencha Premium Member
    Join Date
    Jul 2010
    Location
    Boston, MA
    Posts
    81
    Vote Rating
    3
    jodo3k is on a distinguished road

      0  

    Default still broken

    still broken


    I'm looking at the kitchen sink example on an iPhone 4s iOS 5.1 Sencha version 2.0.1.1

    And the address bar does not hide.