How to scroll the page to the repeating group element?

gs1 · 2021-01-19T12:27:15.273Z

Hi there,

Can anyone suggest on how to scroll the page to the particular element in repeating group?
I am using @AirDev Canvas template. There is a Home page with the repeating group (blocks of the main landing page content).
I want to create the action: when user clicks on ‘contact’ in the header menu, the page will scroll to the ‘Contact’ field. That ‘Contact’ field is in ‘homeblocks’ reusable, and that reusable is in RG on the Home page.

Best
George

faisalkarimstubapp · 2021-01-19T12:58:04.126Z

Hi @gs1,

I don’t know much about Airdev Canvas template, use can try use workflow action “scroll to entry of a repeating group”.

gs1 · 2021-01-19T12:59:49.692Z

@faisalkarimstubapp
Thanks for the suggestion, but that isn’t working.
I don’t want to scroll the repeating group. I want to scroll the page to the repeating group element

faisalkarimstubapp · 2021-01-19T13:03:40.816Z

Understood. Maybe I am unable to visualise your issue. Can you provide screenshots so I can take a look?

I guessed you have tried workflow action “scroll to an element” and point to the “Contact” field element?

gs1 · 2021-01-19T13:12:46.301Z

I can to point the ‘Contact’ directly, because ‘Contact’ button is in header, ‘Contact’ field is in ‘homeblocks’ reusable, ‘homeblocks’ reusable is in RG on Home page:

2021-01-19_14-09-091435×776 90.1 KB

gs1 · 2021-01-19T13:14:35.237Z

2021-01-19_14-13-361575×611 63.2 KB

gs1 · 2021-01-19T13:16:04.202Z

2021-01-19_14-15-251505×781 122 KB

gs1 · 2021-01-19T13:16:45.904Z

You can see the ‘live’ app on makeitly.com

gs1 · 2021-01-19T13:21:42.336Z

I also can’t access ‘homepageblock’ reusable from home page to run ‘custom for reusable’.
Probably because of that reusable is in RG?..

gs1 · 2021-01-19T13:57:45.351Z

Trying to achieve that by going to Home with URL parameter when click on Contact in header:

gs1 · 2021-01-19T13:58:27.409Z

2021-01-19_14-56-251497×721 87.4 KB

gs1 · 2021-01-19T13:59:58.812Z

2021-01-19_14-59-161857×892 143 KB

gs1 · 2021-01-19T14:06:55.583Z

It seems as a bug, as it give different results when running Debugger in Normal vs Step-by-step mode.
In Normal mode it only scrolls to the GR first element (About)
In Step-by-step mode it scrolls to Contact us form
…
Have no idea why that happens

gs1 · 2021-01-19T14:13:34.359Z

Here is the video of behavior:

boston85719 · 2021-01-19T14:15:40.233Z

Screen Shot 2021-01-19 at 9.15.00 PM

Try this, and choose your repeating group element as the element to scroll to

gs1 · 2021-01-19T14:34:17.766Z

Hi @boston85719
Yep, I did that. Unfortunately, that not worked as it scrolls only to RG itself.
Actually, it behaves differently in Debugger Normal mode vs Step-by-step mode (mentioned that above)

I implemented that through ‘Do when condition is true’ and used URL parameters.
Seems as working now.
Just did that, right now, testing

gs1 · 2021-01-19T14:37:06.468Z

2021-01-19_15-36-261212×720 53.7 KB