topic Back Button in Software Archive

Back Button

Alexander_F_ — Thu, 30 Jul 2015 14:05:23 GMT

I have this html line, but when I clicked on back button nothing happens

I appreciate any comments ASAP, thanks in advance.

Are you using jQuery mobile?

Dale_S_Intel — Thu, 30 Jul 2015 16:28:38 GMT

Are you using jQuery mobile? Could you provide a simple complete example that illustrates what you're talking about? Is this a multi-page app?

Dale

Sure when I moved to info

Alexander_F_ — Thu, 30 Jul 2015 16:33:44 GMT

Sure when I moved to info_page and need to go back clicked on Back button and nothing happens, here is my code

<div data-role="page" class="page" id="info_page">
<div class="main" data-role="content" class="ui-content">
<div class="header-actions left">
   
<a href="javascript:" data-rel="back" data-transition="flip"><i class="fa fa-chevron-left"></i></a>
</div>
<div align="left" style="margin-top: 30px;">
   <h3 id="info_name"></h3>
   <div id="info_content" style="text-align:justify"></div>
</div>
</div>
</div>

I noticed that the problem is

Alexander_F_ — Thu, 30 Jul 2015 16:37:43 GMT

I noticed that the problem is with the sentence data-rel="back" because fx when I open a popup and try to close doesn't work either.

I'll try playing with it and

Dale_S_Intel — Thu, 30 Jul 2015 16:51:51 GMT

I'll try playing with it and see what I can figure out.

Then you have the solution,

Alexander_F_ — Thu, 30 Jul 2015 17:04:13 GMT

Then you have the solution, please let me know ASAP

Thank You

I recommend replacing

Elroy_A_Intel — Thu, 30 Jul 2015 17:28:52 GMT

I recommend replacing

<a href="javascript:" data-rel="back" data-transition="flip"><i class="fa fa-chevron-left"></i></a>

with

<a href="#" class="ui-btn" data-rel="back">Back</a>

instead.

Nothing Elroy, doesn't work

Alexander_F_ — Thu, 30 Jul 2015 17:34:05 GMT

Nothing Elroy, doesn't work

This is a working example of

Elroy_A_Intel — Thu, 30 Jul 2015 17:51:03 GMT

This is a working example of transitioning to and backward among pages using jQuery Mobile.

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>

<div data-role="page">
  <div data-role="header">
    <h1>Welcome To My Homepage</h1>
  </div>

  <div data-role="main" class="ui-content">
    <p>I Am Now A Mobile Developer!!</p>
<a href="#pagetwo" data-transition="flip" class="ui-btn">Go to Page Two</a>
  </div>

  <div data-role="footer">
    <h1>Footer Text</h1>
  </div>
</div> 

<div data-role="page" id="pagetwo">
  <div data-role="header">
<a href="#" data-rel="back">Back</a>
    <h1>Welcome To My Second page</h1>
  </div>

  <div data-role="main" class="ui-content">
    <p>Thank you!!</p>
  </div>

  <div data-role="footer">
    <h1>Footer Text</h1>
  </div>
</div> 

</body>
</html>

I try to send you a MP4 file

Alexander_F_ — Thu, 30 Jul 2015 18:16:09 GMT

I try to send you a MP4 file where you can see the result of this code but is not allowed this kind of file, but the result is that this code doesn't work on XDK.

https://dl.dropboxusercontent.com/u/33797440/back_button_do_not_work.mp4

https://dl.dropboxusercontent

Alexander_F_ — Thu, 30 Jul 2015 18:22:16 GMT

https://dl.dropboxusercontent.com/u/33797440/back_button_do_not_work.mov

Does it work on device?

Elroy_A_Intel — Thu, 30 Jul 2015 20:09:51 GMT

Does it work on device?

Nope :-(

Alexander_F_ — Thu, 30 Jul 2015 20:11:57 GMT

Nope :-(

Hey any update with this,

Alexander_F_ — Fri, 31 Jul 2015 16:28:51 GMT

Hey any update with this, still doesn't work

Thank You

Please do not forgot that

Alexander_F_ — Fri, 31 Jul 2015 21:28:37 GMT

Please do not forgot that this issue is still open and I need a solution, because before the last update everything works fine and now after the update was the problem... the data-rel="back" doesn't work on Mobile Devices...

Thank You in advance.

@Alexander -- the issue you

PaulF_IntelCorp — Sat, 01 Aug 2015 00:01:36 GMT

@Alexander -- the issue you posted on in this thread, which I believe is the same being described above, is only with the Emulate tab, it does not impact on-device usage. Have you tried to debug this using Debug tab? The Emulate tab is NOT a good indicator of on-device behavior.

Is impossible, now with the

Alexander_F_ — Tue, 04 Aug 2015 03:00:54 GMT

Is impossible, now with the new version v.2323 for OSX,

the data-rel="back" doesn't work on Apple Devices even with the App Preview

but in XDK Emulator everything works fine.

Please let me know now how I can solve this issue and no more surprises please.

Thank You.

Nobody is trying to surprise

PaulF_IntelCorp — Wed, 05 Aug 2015 00:16:58 GMT

Nobody is trying to surprise you, we're trying to help. In order for that to happen, you need to provide more precise information.

The recent XDK releases have no impact on the behavior App Preview or on built apps. The XDK release only impacts the Emulate tab. So if the problem only appears on a real device it is not the XDK that is causing that. It may be due to the way the webview on your device behaves. We do not control the behavior of the webview on a real device, that is controlled by the manufacturer of that device, the XDK has no control over that. The only place where we can influence that behavior is when you use Crosswalk, otherwise, the behavior on-device is a function of the device, not the XDK.

Please provide a simple example project that can be used to illustrate the problem AND describe the steps and conditions to duplicate the problem. For example:

sync with Test tab
touch button "x" and you should see "alert y"
etc.

Describe the device you are using, such as an iPhone 6 running iOS 8.1. etc.

Please ZIP the sample project, include all the contents of the project directory, not just the index.html file, so we have all the information about your sample project. Do not make the project complicated, doing so will not help us help you.