nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Intro window

ChristianSmith

I would like to create an intro widow in the tabbed viewer similar to what Bern set up in his PS caveloop stroymap.

http://downloads.esri.com/agol/pub/lavabeds/caveloop/index.html

I realize I will have to edit the html css and js code. While I feel I could piece this together over time through trial and error, I am wondering if someone has the snippets ready to go and would be willing to share them.

Thanks!

Smitty

Najděte více příspěvků označených jako

Accepted answers

MarkCooney

You can take a look at the source code and should be able to piece something together fairly easily. Take a look at:

view-source:http://downloads.esri.com/agol/pub/lavabeds/caveloop/index.html

http://downloads.esri.com/agol/pub/lavabeds/caveloop/javascript/layout.js

All comments

MarkCooney

You can take a look at the source code and should be able to piece something together fairly easily. Take a look at:

view-source:http://downloads.esri.com/agol/pub/lavabeds/caveloop/index.html

http://downloads.esri.com/agol/pub/lavabeds/caveloop/javascript/layout.js

ChristianSmith

Thanks for the tip Mark. Between looking at the code and some bootstrap documentation I got it figured out.

JulieCarter

It would be great if you shared your discovery for future reference.

Thanks!

ChristianSmith

Hi Julie,

The reason I did not post a simple answer is that the work around I figured out involves editing the index.html, main.js and I created a custom css file as well. I am also pretty sure that my execution is not the cleanest way to do this.

If this is something you are interested in I am more then willing to share the code

Připojte se ke konverzaci

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.