By Meagan Hooper on Friday, 31 August 2018
Posted in General Issues
Replies 17
Likes 0
Views 833
Votes 0
Hello,

We used Slim App to provide EasySocial as an app for our users and we've been extremely pleased.

Apple
https://itunes.apple.com/us/app/bsmart/id1401297269?mt=8

Android
https://play.google.com/store/apps/details?id=com.bsmart.slimapp

However, we have one challenge--> When in the iOS app environment, we lose the browser window navigation options (back/forward a page, share, bookmark, etc.)

*The 'back a page' navigation is the biggest need for our users. When they're using EasySocial in Slim App on iOS, there's no way to go back a page except to navigate from the Docker main menu (which can require 4-8 clicks to simply return to the original page.)

(Android users have a back button built in on their device.)

Do you have any advice or suggestions for how we can provide a 'back page' navigation icon that only displays on iOS?

We currently use Docker as our website menu bar. Can we add a back button to the docker tool bar?
Hey Meagan,

I believe you could get the Slim Apps developer to add native action buttons within that app to perform navigation actions within the browser
·
Saturday, 01 September 2018 16:12
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark,

Slim App shared the below:

"Most Android devices have a back button in the device so users are used to simply press that button.

In iOS, it is more difficult. The simplest solution would be introducing a top toolbar with the Back button in the general template and show the toolbar only when iOS is detected.

StackIdeas has also implemented improvements for iOS in the past. So, you can also ask them if there is any setting or tweak in the extension to solve this requirement.

Joomla has full control of the app canvas / web view. So, at the site level, you can insert a button, under the conditions that you define, to provide a Back functionality.

In the past, we tested the idea of adding/hardcoding a button on top of Joomla. But, the result is awkward and doesn't share the visual style. So, we don't recommend it."

*********

Do you think we should add a button to the Joomla template, EasySocial, or Docker toolbar for iOS?
·
Saturday, 01 September 2018 22:28
·
0 Likes
·
0 Votes
·
0 Comments
·
Currently I am not really sure what is the best way to implement this back button on IOS device.

I think for the quick fix, it should render a back button on the docker since you have use this docker display any page on your site.

And i am not sure where you prefect to put this back button on the docker (screenshot : http://take.ms/Zo64H), perhaps you can give me some direction regarding this, so I will try add a back button on the docker and see whether workable for you?

You can check my attached screenshot below, it will show something like this.
·
Monday, 03 September 2018 19:45
·
0 Likes
·
0 Votes
·
0 Comments
·
Thank you, Arlex!

Can you try putting a back button "<" on the docker bar to the left of the home button ("b" icon)?

Is there a way to create a rule that the back button will only display on iOS mobile + Slim App?
·
Tuesday, 04 September 2018 22:14
·
0 Likes
·
0 Votes
·
0 Comments
·
You're most welcome.

Currently I am not really sure how to determine that is slim app in PHP, but i got added some checking into this following file, this back button only appear on the iPhone device.

You can try download my attached file and replace into this JoomlaFolder/plugins/system/docker/themes/default.php

And see how it goes.

Make sure you have do the backup for this original file.
·
Wednesday, 05 September 2018 12:48
·
0 Likes
·
0 Votes
·
0 Comments
·
Thank you! We'll install and let you know!
·
Wednesday, 05 September 2018 21:48
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Arlex,

Actually could you provide the changed lines of code in this file? We already have a modification to that file that we need to redo after every update. We'll need to consolidate both sets of changes now.

Thank You.
·
Wednesday, 05 September 2018 23:27
·
0 Likes
·
0 Votes
·
0 Comments
·
You can take a look of my attached screenshot below which code i modified.
·
Thursday, 06 September 2018 11:19
·
0 Likes
·
0 Votes
·
0 Comments
·
Thank you.
·
Thursday, 06 September 2018 20:42
·
0 Likes
·
0 Votes
·
0 Comments
·
It's wonderful! Thank you!!
·
Friday, 07 September 2018 05:40
·
0 Likes
·
0 Votes
·
0 Comments
·
You're most welcome

I wonder how it look like in native mobile app? is it possible for you provide us some screenshot regarding this?

Is it that back button work well for this?
·
Friday, 07 September 2018 11:58
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Arlex!

It looks great and works really well! I think we should provide it to Android users too. What do you think?

Screen shots attached for iTunes app and iOS mobile:
·
Friday, 07 September 2018 21:10
·
0 Likes
·
0 Votes
·
0 Comments
·
There is one hiccup I've noticed:

- The back button doesn't work when you're on a person's profile page, group page, or event page. The button works in other instances, but not when you're in a menu category.

Can you trouble shoot that?
·
Friday, 07 September 2018 21:13
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Arlex,

I realized what the logic is the 'back button' goes back 1 page only. If you want to go back 2, 3, 4 pages - you can't do that.

Is there a way for the back button to go back several pages?
·
Friday, 07 September 2018 22:44
·
0 Likes
·
0 Votes
·
0 Comments
·
Hm, my mistake, that time i only test go back previous page 1 time.

And I've tried a few suggested code from some of the resources page, it seems like most of the browser doesn't allow to retrieve user browser history through the code due with privacy issue.

So far i found out this following Javascript code, it seems it did a trick for this when i try on different browser but currently I am not really sure whether it work for iOS device and native app or not, but you can try download my attached file and take a look what code i applied, then you apply it on your site and see how it goes.

[gist type="php"]
window.history.go(-1);
[/gist]

If still not working, then i have no ideas for this.
·
Saturday, 08 September 2018 22:41
·
0 Likes
·
0 Votes
·
0 Comments
·
Thank you, Arlex!

I'll let you know how it goes!
·
Saturday, 08 September 2018 22:57
·
0 Likes
·
0 Votes
·
0 Comments
·
You're welcome.
·
Sunday, 09 September 2018 11:18
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post