Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Sign In with Twitter Sign In with OpenID Sign In with Google

Sign In Sign Up

Categories

In this Discussion

Jo Home Page
GitHub Repo
Welcome to the Jo support forums! Please Sign Up and join in the discussion. You can also Sign In instantly with Twitter, OpenID or your Google ID.
joToolBar over click back button on IOS
  • kscottkscott March 2012
    Posts: 36

    This only looks to be an issue when running inside IOS using phonegap

    I have an app that pushes two JoCards onto a joStackScroller.  If the user over touches the back button on the JoToolbar it will pop off the main menu leaving the screen blank and IOS has no way to get back to the main menu without restarting the phone.

    I can provide code if you need it, but, the kitchen sink app should have the same problem.

    Here is my screen structure:

    +-Main Menu
    +----trail List
         +----Feed Viewer
    To recreate you must go all the way to the Feed viewer over touch the back button till the main menu slides off leaving a blank screen.
    .
    Any suggestion one how to fix it?  I guess the back button needs to be disabled till the new screen is finished loading.  So that it does not allow the silly user to click on the back button while the screen is transitioning.

    This only looks to be a problem when running on IOS.  Though one of my users claims to have created it on Windows 7 Chrome.  I can only re create it under IOS while running in PhoneGap.

    Is there a JavaScript event that fires when the screen is done loading and all CSS3 transitions are done?

  • kscottkscott March 2012
    Posts: 36
    Here is some test code
    <html lang="en">
    <head>
    <script>
    MobileApp = {
    load: function() {
    jo.load();
    // this is a more complex UI with a nav bar and a toolbar
    this.scn = new joScreen(
    new joContainer([
    new joFlexcol([
    this.nav = new joNavbar(),
    this.stack = new joStackScroller()
    ]),
    ]).setStyle({position: "absolute", top: "0", left: "0", bottom: "0", right: "0"})
    );
    this.nav.setStack(this.stack);
    this.stack.push(new joCard([new joTitle("menu") ]) );
    }
    };
    function init(){
    MobileApp.load();
    MobileApp.stack.push(new joCard([new joTitle("page 1") ]) );
    MobileApp.stack.push(new joCard([new joTitle("page 2") ]) );
    }
    </script>
    </head>
    <body onload="init();">
    <script src="js/jo_min.js"></script>
    </body>
    </html>
  • kscottkscott March 2012
    Posts: 36
    To recreate just click on the back button multiple times instead of just once.

    Please note, if I use the a joStack it works correctly so it might something with joStackScroller
  • kscottkscott January 15
    Posts: 36

    I have written code with and custom event that fires when the animation is done.  So I disable the back button until the animations are done.  I can post it if anyone is interested

Add a Comment