Ability to create a hidden drop down tab on a scrolling web page?

528
4
Jump to solution
01-11-2022 01:44 PM
Hayley
by
Occasional Contributor II

Hi there, 

I am working on a scrolling web page and would like to include an "instructions" button which will drop down a hidden panel of information. 

I have tried using the side panel vertically across the page, but I can't get it to hide the whole panel when closed. 

Any pointers? Thanks!

HL
0 Kudos
1 Solution

Accepted Solutions
jcarlson
MVP Esteemed Contributor
  1. Create a Window and position as you need.
  2. Create a Button and set the link to target that window.

jcarlson_0-1641938058078.png

jcarlson_1-1641938100742.png

uOeWLEKSlG.gif

- Josh Carlson
Kendall County GIS

View solution in original post

4 Replies
jcarlson
MVP Esteemed Contributor
  1. Create a Window and position as you need.
  2. Create a Button and set the link to target that window.

jcarlson_0-1641938058078.png

jcarlson_1-1641938100742.png

uOeWLEKSlG.gif

- Josh Carlson
Kendall County GIS
Hayley
by
Occasional Contributor II

Thank you! I had no idea you could add windows 

HL
0 Kudos
jcarlson
MVP Esteemed Contributor

Windows are great! And you can reference them from any page in your Experience, so your Instructions window can show up anywhere you need it.

- Josh Carlson
Kendall County GIS
Hayley
by
Occasional Contributor II

Great, that is perfect for what I want to achieve!!

HL
0 Kudos