Page 1 of 1

Project has 3 screens; Back button on middle screen disappears after navigating to last screen.

Posted: Thu Jan 23, 2014 2:54 am
by Sean Comar

My app has two a start screen and two additional screens. Last two screens have Back button checked in Header (I also named the Back buttons back1 and back2). I created two buttons in Header of Start Screen and Screen-1 and created events to navigate to next screen. During Test, Back button appears on Screen-1 and takes me to Start Screen. But, if I go from Screen-1 to Screen-2 and then go back, the Back button on Screen-1 has disappeared. Can you have only one Back button in Header? Thanks


Project has 3 screens; Back button on middle screen disappears after navigating to last screen.

Posted: Thu Jan 23, 2014 3:25 am
by Igor

Are you using "Use full screen refresh" when navigating to another screen?


Project has 3 screens; Back button on middle screen disappears after navigating to last screen.

Posted: Thu Jan 23, 2014 3:54 am
by Sean Comar

No, I do not have "Use full screen refresh" check box checked.
But this option is available on buttons to move forward (to right).
For back navigation, I simply checked "Back Button" check box on Screen-2 and Screen-3 Header properties sheet. I did not use any event for these back buttons. As I said earlier, if I navigate forward from Start Screen to Screen-1, Back button is displayed and I can click it to go back to Start Screen. But, if I go from Start Screen to Screen-1 and then forward again to Screen-2 and now use Back button to go to Screen-1, then the Back button on this middle, Screen-1 has disappeared.
Thanks for your help. It seems, if I have 3 screens then I can't use Back button check box; I may have to create a button, define Back text, left arrow and then use its event to navigate back to Start Screen.


Project has 3 screens; Back button on middle screen disappears after navigating to last screen.

Posted: Thu Jan 23, 2014 4:19 am
by Igor

Could you post app public link so we can check this?
http://docs.appery.io/documentation/s...


Project has 3 screens; Back button on middle screen disappears after navigating to last screen.

Posted: Thu Jan 23, 2014 7:20 pm
by Sean Comar

Igor,
I have shared the project with the support team - a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a so you or Katya should be able to look at it - Katya had been in touch with me in the past.

http://appery.io/app/mobile-frame?src...

Incidentally, I tried checking the check box for "Use full screen refresh" in the events of buttons to navigate to next screen then the Back buttons which I had defined in Headers completely disappear, as if they do not exist.

Thanks


Project has 3 screens; Back button on middle screen disappears after navigating to last screen.

Posted: Fri Jan 24, 2014 3:50 am
by Sean Comar

Igor/Katya,
Any update on these Back Button related issue?
Thanks


Project has 3 screens; Back button on middle screen disappears after navigating to last screen.

Posted: Fri Jan 24, 2014 12:20 pm
by Kateryna Grynko

Hi Sean,

Header back button functionality depends on browser history. It's hide if there is nowhere to return. There can be several reasons.

  • Inner app page is opened directly - then window (tab) history is empty and the browser has nowhere to move back.

  • Browser history was forcibly reset or corrupted programmatically (via JavaScript, codewindow.location.replace(url);/code replaces the current page and the previous one is not recorded in the history of transitions).
    codewindow.location.replace(url);/code allows you literally break the header Back button.

    If your app requires a complex logic of navigation between pages, I'd recommend you to implement your own Back button with a needed logic.

    When we open your public link we don't see any issues when navigating. Tested on Chrome.