Forum | Appery.io

I have the same link on two different pages. When activated from page A it navigates to page X. When activated from page B it navigates to page X as well.

Say a user navigates to page X from page A. When the user activates the "BACK" button on X, it should navigate back to page A. But what if the user came across page X from the link on page B? Is there a way to make the "BACK" button on page X navigate back to page B (without creating duplicate page X's with different "BACK" buttons)?

The standard jQuery Mobile back button takes you to the previous page in browser history. If you need a different behavior, you can define navigation on the back button.

Hi Mike,

Back button returns you to the previous page, analogically codehistory.back()/codeYou can disable default Appery.io back button and add your own button with any custom logic you need.

You can add any action on device "Backbutton" event. To disable device Back button: https://getsatisfaction.com/apperyio/...

Where can I find this back button? Is this a command I enter under Action--Run JavaScript?

I have been placing the button component and running Event--Click, Action--Navigate to Page.

Hi Mike,

Please clarify, did you mean Android device Back button or Appery.io UI button?
[quote:]I have been placing the button component and running Event--Click, Action--Navigate to Page.[/quote]This is the correct approach. Just set any navigation you need.

I'm referring to the Appery UI button.

My question is that if I have a link to page X on two different pages (A & B), is there a way to tell the button component (Back) to take me from page X back to the whichever page (A or B) where that link was originally clicked?

Hello! Please try to add Back button through Header properties

Amazing. Thank you!

I am using the JQM theme and have my header set to swatch A while having the "Back" button active.

In testing, when I activate the "Back" button, the button turns blue. How can I change this color?

Hi Mike,

This is the JQM style. If you don't like it you can use custom CSS to change it:
pre#ScreenName_mobileheader a:nth-child(1){
background: red;
}/preWhere 'ScreenName' is a name of your page.