Is it possible to use Experience Builder Button Widget to link to section of scrollable template?

1031
6
Jump to solution
02-26-2021 10:04 AM
EmmaHatcher
Occasional Contributor

I have two primary components in a scrollable Experience Builder that provide first, a map based tour of locations, and second, more information and links below. I'm wanting to direct users attention to the information below the map via a Button widget within the sites list.

I tried to set the button link to a view within the app window initially, since the content below the map is a view. This did nothing. When I changed the settings to open in a new window, it simply re-opens the EB in a new window, with the same initial view from the top of the page.

Is there a way to get the Button widget to jump to a section of the scrollable template?

In other words (and pictures), I want users to be able to click the 'More Info' button from their selected site in the List widget...

EmmaHatcher_0-1614362245720.png

... and jump to the more info view below the map:

EmmaHatcher_1-1614362291377.png

 

Here are the current settings that aren't accomplishing what I'm needing:

EmmaHatcher_2-1614362512868.png

I have a sneaking suspicion that I'd have to turn the more info section into a separate page, but that really isn't the preferred route of action. It seems silly because opening a new page is a separate setting... so if the settings to link to a view and to a page work the same, why offer them separately as configurable options? Many thanks for any help!

 

-Emma

 

0 Kudos
2 Solutions

Accepted Solutions
DavidMartinez
Esri Regular Contributor

Hi Emma,

Currently, if you have a scrollable page template with a section that is outside the visual viewport it does not navigate to that section. We currently have this logged in our system and will look into how we can improve this. 

 

Cheers,

David

View solution in original post

TonghuiMing
Esri Contributor

Hi @EmmaHatcher - in the recent June AGOL update, we support the link to block or page top for scrolling pages. It should be able to cover your original case. Feel free to give it a try.

 

Best,

Tonghui

View solution in original post

6 Replies
DavidMartinez
Esri Regular Contributor

Hi Emma,

Currently, if you have a scrollable page template with a section that is outside the visual viewport it does not navigate to that section. We currently have this logged in our system and will look into how we can improve this. 

 

Cheers,

David

View solution in original post

EmmaHatcher
Occasional Contributor

That's great to hear, thank you!

0 Kudos
TonghuiMing
Esri Contributor

Hi @EmmaHatcher - in the recent June AGOL update, we support the link to block or page top for scrolling pages. It should be able to cover your original case. Feel free to give it a try.

 

Best,

Tonghui

View solution in original post

EmmaHatcher
Occasional Contributor

Hi @TonghuiMing, linking to block worked great! Thank you so much for the improvement & update!

 

RoseZhou2
New Contributor III

Hi @TonghuiMing - is the "link to block " feature available in Developer edition version 1.5?

Thanks

Rose

0 Kudos
TonghuiMing
Esri Contributor

@RoseZhou2 Yes, it should be included in dev edition 1.5.

0 Kudos