By E-volve.nl on Tuesday, 25 September 2018
Posted in General Issues
Replies 23
Likes 0
Views 638
Votes 0
Hi,

I'm implementing the Mobile template for ES.
I'm having 2 issues:
• On Android - Chrome, the page does not refresh when scrolled to the top and "pulled"
• Via GoNative (which creates "native" apps), we can't scroll up, it refreshes instead.

I see on the userpage - activity stream, that, the pull to refresh works, but only from below the header, could this have be related to the issues mentioned above?

How to fix these issues?
Hi there,

Kindly find my response for your inquiries below:
• On Android - Chrome, the page does not refresh when scrolled to the top and "pulled"

I've tested this on my android chrome browser app seems it was working fine (video attachment-chrome)

• Via GoNative (which creates "native" apps), we can't scroll up, it refreshes instead.

Correct me if I'm wrong here do you mean you have create the native app using gonative.io ? If yes, I've already install native app using the website and seems like it also working fine (video attachment-community)

I see on the userpage - activity stream, that, the pull to refresh works, but only from below the header, could this have be related to the issues mentioned above?

You mean that the pull to refresh was only working on profile page activity stream and the pull refresh only can be use below the header? Yes, the pull refresh area only on the top area of the page only, if you tried to pull way too low it will not function
·
Wednesday, 26 September 2018 11:31
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi,

See what i mean in Chrome on Android - attachment screen1.mp4
The community refreshes below the header, but on other pages it won't refresh at all..

See what i mean in Gonative.io app - attachment screen2.mp4.
I can scroll down, when holding the finger on the screen i can scroll up again, but when i scroll down, get finger off screen, then pull to scroll up, it refreshes.

Sorry for the bad selfies in the screens

Regards, Kai
·
Wednesday, 26 September 2018 15:06
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Kai,

Kindly find my response for your inquiries below:
See what i mean in Chrome on Android - attachment screen1.mp4
The community refreshes below the header, but on other pages it won't refresh at all..

For your information, the function pull refresh that has been implement in mobile web is for stream feed update. Which is it will not refresh the other than stream feed page (as example your video it will not refresh the login page).

See what i mean in Gonative.io app - attachment screen2.mp4.
I can scroll down, when holding the finger on the screen i can scroll up again, but when i scroll down, get finger off screen, then pull to scroll up, it refreshes.

I've tried to replicate for the native app in my phone(xiaomi redmi note3) and my colleague phone (google pixel) Seems like I still cannot reproduce it (see video attachment) .
As my observation on your video, seems like it is not a pull refresh for stream feed, because the loading animation was different and the pull refresh for stream feed Easysocial only can be pull on the top of the page as shown on my previous video.
·
Wednesday, 26 September 2018 16:14
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi,


For your information, the function pull refresh that has been implement in mobile web is for stream feed update. Which is it will not refresh the other than stream feed page (as example your video it will not refresh the login page).


It only happens with Mobile template, when disabling the mobile template, all works well. Is it possible to disable the pull refresh in the mobile template?

I've tried to replicate for the native app in my phone(xiaomi redmi note3) and my colleague phone (google pixel) Seems like I still cannot reproduce it (see video attachment) .
As my observation on your video, seems like it is not a pull refresh for stream feed, because the loading animation was different and the pull refresh for stream feed Easysocial only can be pull on the top of the page as shown on my previous video.


I'm testing on a One+ 5T.
It is correct thet the pull refresh isn't for stream feed, it is the pull refresh of the app/browser. But i can't scroll up alltogether. But also here, when i disable mobile template, all functions well.

My guess would be that disabling the pull refresh in the template for stream fixes things. At least it's worth testing. how can i disable the pull refresh in the Mobile template?

Thanks again!
Regards, Kai
·
Wednesday, 26 September 2018 18:15
·
0 Likes
·
0 Votes
·
0 Comments
·
Hai Kai,

There is no setting to disable the pull refresh at this point of time
·
Wednesday, 26 September 2018 19:23
·
0 Likes
·
0 Votes
·
0 Comments
·
There has to be a script that can be removed, can't there?
Otherwise, the mobile template is useless for us, because our website/platform/app isn't just Easy Social, it has other components, pages, etc..

When disabling mobile template plugin, all works well..
·
Wednesday, 26 September 2018 19:28
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Kai,

This require some customizing code in your core file where you can remove/comment out the code shown http://take.ms/oNgmK in the files:
.../components/com_easysocial/themes/wireframe/dashboard/default/default.js
.../components/com_easysocial/themes/wireframe/events/item/default.js
.../components/com_easysocial/themes/wireframe/pages/item/default.js
.../components/com_easysocial/themes/wireframe/groups/item/default.js

see how it goes?

You're suggested to backup the file that you want to customize beforehand for precaution
·
Thursday, 27 September 2018 11:09
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Fadhli,

Thanks. I've commented out the code as instructed, but the pull refresh still won't work in Chrome (v. 69.0.3497.100) on Android (8.1 on ONEPLUS 5T) and native app can't scroll up when released..
Is there some "pull refresh code" in the mobile template?
Or could it be a conflict between helix framework/sp page builder?

Strange things...


EDIT: Disabled Helix, set default template (beez), same thing.. so my guess would be the Mobile template.
·
Thursday, 27 September 2018 15:07
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Kai,

I see, can you try to replace the file attached in the:
.../templates/esmobile/css/style.css
and see how it goes?

You're suggested to backup the file that you want to replace beforehand for precaution
·
Thursday, 27 September 2018 17:03
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi,
Thanks!
This fixes the issues in Chrome, but not in Gonative app.
Anything els we can try?
·
Thursday, 27 September 2018 18:01
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Kai,

Great! Regarding the Gonative app I suspect that the issue is not because easysocial mobile template, as I tried build another native app using google site seems I cannot do the refresh page as well.
·
Thursday, 27 September 2018 19:02
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Fadhli,

It is a configuration setting in GoNative, where pull to refresh can be turned on or off. In my case it is on.
As seen in screen1.mp4 with my own template (based on Helix framework and SP Page builder) everything works.
As seen in screen2.mp4, the Mobile ES template, when "scrolled down", get finger off screen, then pull to scroll up, the page refreshes, without first scrolling up.. The second part is a scroll down and directly a scroll up, that goes well.

So my conclusion, with Mobile ES template in GoNative, the scroll up doesn't function well, it refreshes instantly.
·
Thursday, 27 September 2018 19:22
·
0 Likes
·
0 Votes
·
0 Comments
·
Ah, I've missed that pull refresh in the gonative configuration setting tho silly me.
Can you try the file attached below and paste at the same directory as before:
.../templates/esmobile/css/style.css

You're suggested to backup the file that you want to replace beforehand for precaution
·
Friday, 28 September 2018 12:13
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Fadlhi,

It's time for some fireworks and champagne! It works!


One more thing i've noticed:
In the registration i've setup ultiple steps.
When logged in on the "Edit profile" page, the sidemenu button appears, when clicked and select step 2 (in our case "Toegankelijkheid", the sidemenu stays open, i have to push the sidemenu icon again to close the sidemenu.
While the "OTHER LINKS", like "Privacy settings" work as aspected, the menu closes.

Huge thanks for the dedicated support!

Best regards, Kai
·
Friday, 28 September 2018 15:06
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Kai,

I've consult this with our developer, by right it should be close the sidemenu, once you click for the next step in the profile edit page.
I've logged this into our issue tracker and our developer will take an action for this.

Thanks for your cooperation and understanding Kai.
·
Friday, 28 September 2018 16:50
·
0 Likes
·
0 Votes
·
0 Comments
·
Any update on this?
·
Tuesday, 20 November 2018 18:49
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

The fix for this will be included in the EasySocial version 3.0
·
Wednesday, 21 November 2018 10:17
·
0 Likes
·
0 Votes
·
0 Comments
·
Is it possible to get this code asap?
We are going to let 50 users do a beta test of the app, this is probably the first thing they going to "bitch" about.
·
Thursday, 22 November 2018 23:42
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

Can you download the attached file and replace in the file:
.../media/com_easysocial/scripts/...
and see how it goes?

You are suggest to backup the file that you want to replace just for precaution step
·
Friday, 23 November 2018 11:37
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post