How to scroll the page to the repeating group element?

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

Hi @gs1,

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

@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

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?

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:

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

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

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

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

Here is the video of behavior:

Screen Shot 2021-01-19 at 9.15.00 PM

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

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