Scrolling Position Detector

filya · May 16, 2018, 8:59pm

Bought the Scrolling Position Detector plugin. Would like help implementing the following functionality.

Pre-load lets say 20 repeatable groups, if scrolling reaches 50% or so load 20 more, etc. The idea is so user never has to wait for groups to load.

Thanks.

karel · May 17, 2018, 3:08pm

Hello,
Thank you for buying our plugin.
To set it up you will need to do these steps:

Place the element “position detector” on the page.
Set custom state for any element on page that will hold the count of displayed items in repeating group
Assign unique ID for your repeating group (the very bottom field)
Set the requested percentage and the dedicated “repeating group id” from step 3
In the workflow firstly set “when page loads” event and set default count for the repeating group
Than you need to add another event “when position is %”. This will become active each time your scrolling position is bellow the decided percentage.

We have prepared short video, that should walk you through the steps:

We have also created page with working example here:

filya · May 17, 2018, 4:47pm

Thank you for the instructions and video. I tried to follow all of them but its still not working for me. It looks like :items until is not being respected. I tried to put a static number by doing this :items until #30 and that didn’t work either.

what am I doing wrong?

filya · May 17, 2018, 4:49pm

I’m doing it to the following page https://linkedinclone.bubbleapps.io/feed but on my own bubble app that I bought.

filya · May 17, 2018, 4:54pm

Also, doesn’t look like it works on the demo site https://plugindemo.bubbleapps.io/version-test/rg-percentage?debug_mode=true

filya · May 17, 2018, 4:58pm

items until # is not what it loads its the maximum amount of items that it loads. I just tested it.

levon · May 17, 2018, 5:28pm

are you sure there is just one repeating group on the page you are trying to test? There might be more than 1 and they become hidden/visible depending on the condition. The best way to test the scrolling position plugin is to create a new blank page with a repeating group and replicate the steps shown on the video and the link to the editor that Karel posted above. Once you make sure it works then you can find all the repeating groups on your template page and apply it to them (you can use element tree from the left to see all repeating groups that exist on the page)

filya · May 17, 2018, 5:33pm

I’m sure I’m looking at the right thing. It doesn’t work either in the example that was provided https://plugindemo.bubbleapps.io/version-test/rg-percentage?debug_mode=true

karel · May 18, 2018, 8:59am

I’m sorry to hear that.
Can you please share with me some details about the device and browser, so we can debug it on our end?
We have tested it in all major browsers including Internet Explorer, Chrome, Firefox, and many others on windows platforms, but we were not able to reproduce the issue.
Can you please also share with us link to your solution?

Regards,
Karel

filya · May 18, 2018, 10:24am

karel, it wasn’t working in your example but I see the example changed and its working now. What was changed?

filya · May 18, 2018, 10:36am

I’m really sorry!! I figured out the issue and the solution. The reason it wasn’t working I had the layout style set to Ext. Vertical sorting. After changing it to Full its working now. Thank you!!! Sorry again.

levon · May 18, 2018, 10:48am

No worries, glad that it works. Best!

simo_clovis · July 17, 2019, 12:01am

@levon, the magic only happens when the Layout style is set to Full list as per the comment above, right? We are using Ext. Vertical scrolling and it does not work. It detects only once and fetches the next elements then nothing when I keep scrolling. Bug or work by design?

simo_clovis · July 17, 2019, 12:15am

Even with Full list, it only fetches once and stops.

olga.medvedeva · July 17, 2019, 12:06pm

Hello!
The plugin should work with the Ext.Vertical scrolling as well as with the Full list setting, I’ve just tested it with the Repeating Group.
Could you show your plugin settings and the way it performs now please?
Kind regards,
Olga

simo_clovis · July 17, 2019, 1:19pm

Find the screenshots…I will try to share the video…

simo_clovis · July 17, 2019, 1:28pm

I forgot to share this one as well:

olga.medvedeva · July 17, 2019, 1:52pm

I’ve just tried with your settings and it works still. May be it would be easier to add support@zeroqode.com as a collaborator to your project? Just tell me your app name and the page where you see the bug.
Kind regards,
Olga

simo_clovis · July 17, 2019, 2:03pm

Hi, please sign up to mydogma.com and access this page: https://mydogma.com/u-dogma-questions

Then scroll and you will observe the bug.

olga.medvedeva · July 17, 2019, 2:13pm

I’m sorry, I’m unable to do it. I’m stuck at Dry Bones International page.