Is it possible to create a scrolling page experience with static menu navigation?

531
4
Jump to solution
12-14-2021 09:53 PM
Labels (1)
lst
by
New Contributor II

Is it possible to create a scrolling page experience with static menu navigation (similar to the example website below) within Experience Builder?

https://tfnsw.ee.alytics.com/mamre-road-upgrade-stage-1/study/Hydrology_and_flooding

I've been through all the documentation and tutorials and can't get an appropriate combination of widgets/blocks/screen groups to work. I'm specifically having trouble with the menu component and keeping it fixed or static so it doesn't scroll with the rest of the content. I feel like I need the inverse of the screen group template i.e. a scrolling 'main stage' with a fixed/static menu allowing navigation to different parts of the main stage.

So far I've looked at combinations of the following elements without (complete) success:

  • Button Widget
  • Row Widget
  • Column Widget
  • Block
  • Screen Group
  • Section Widget (with navigation)
  • Menu Widget

Feel like I'm missing something obvious.

1 Solution

Accepted Solutions
jcarlson
MVP Honored Contributor

Another option is to use the Pin setting in a widget. For example, I'll set my menu widget to be pinned to the right-center position.

jcarlson_0-1639575340731.png

It won't be obvious in the editing view, but when you preview your experience, it should behave like you expect.

jwhiw6Prtw.gif

- Josh Carlson
Kendall County GIS

View solution in original post

4 Replies
JonathanMcDougall
Occasional Contributor III

@lst 

One option, using a scrolling template, would be to enable Header with the option to fix to top of screen, then add in widgets to create your menu options to that header, resizing header as you see fit.

lst
by
New Contributor II

Thanks, a good suggestion and I forgot to mention I'd played around with the header already. Ideally I'd like a navigation menu on the left side of the screen though, which you can't do with the header.

0 Kudos
jcarlson
MVP Honored Contributor

Another option is to use the Pin setting in a widget. For example, I'll set my menu widget to be pinned to the right-center position.

jcarlson_0-1639575340731.png

It won't be obvious in the editing view, but when you preview your experience, it should behave like you expect.

jwhiw6Prtw.gif

- Josh Carlson
Kendall County GIS
lst
by
New Contributor II

Brilliant! This is exactly what I was looking for. I'm new to the system and was sure it would be something simple I was missing.

0 Kudos