Forum | Appery.io

Hi,

I am looking to install a back button on each screen. How do I do this?

Thanks!

There are three ways to create a back button.

1) The most straight forward is to place the button on each screen and then add navigation to the previous page.

2) You can add data-add-back-btn=true property to the header and this will automatically add a back button to each page (jQuery Mobile feature http://jquerymobile.com/demos/1.1.0/d...:

Select the header and click More Properties button in Properties.

Unfortunately there seems to be a bug, the button appears but doesn't go to the previous. We will fix it.

3) The last option is to create a page template. You would put the button in page template and then create new pages based on the template.

Likewise, I am having trouble adding a back button. I used option #2 and no button even appears when I test it.

The button will only appear if this is history in the browser, in other words, you need to navigate to a new page.

I'm Assuming that this Back button no longer shows if rendering with the new option multi-page template.
As I cant get it to even show up using options 1 or 2. Instead I'm adding a button manually..

Hello! Please select mobilescreen (not the header) and click More Properties button in Properties - it works (button appears and navigates to previous screen).

Tks Marina..
I tried checking the Add Back Button, or Adding data-add-back-btn=true to screen and/or container but It still does not show in Web test or in app tester on android. It used to work about a week ago however...
It shows button in the designer fine.

Do you also navigate to another page? The back button will also be shown once you navigate to a page and can go back.

Yes. Indeed. Sequence. MainMenu then Getjobs, then view jobs. No back button on any thou..

Back button works for single page and multi-page templates. Try it in a new project and see if it works for you.