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; } } }

Web tabs in web mapping application

RonaldVanderpool

Greetings!

I have been noticing that several mapping applications have tabs with various functions across the top of the mapping app. Is this a function that's available for the Web App Builder? I have epically failed to find any specific guidance.

Image attached shows tabs across the top of the web app.

Sample web map app with tabs

Trouver plus de publications taguées avec

Accepted answers

All comments

Katie_Clark

Is the screenshot you provided an example of a public web app created by someone else? My guess is that there is custom code involved which could be implemented with WAB Developer Edition. I don't know of any tab functionality "out of the box" in WAB.

RonaldVanderpool

Hi Katherine!

it is from a public accessible county GIS and was created by someone else.

I thought about the Developer but decided I would see if it was just something that was an add-in widget for the WAB that I could not find. If you run across any example coding, let me know.

I am looking in Stack Exchange, but obviously not typing the verbiage correctly to receive right answers to the question.

Thanks

RonaldVanderpool

Forgot to include the link to the site so you could gander at it if you desired........

GeoSMART - NRGC

Katie_Clark

So, I really don't know anything about web development coding (trying to learn), but I did find this HTML snippet by using the Developer Tools in Google Chrome. This portion of the HTML pertains to the header that contains the tabs:

Not sure if that will help at all. Maybe someone who looks at this post later will have more insight! Best of luck, if you do get it to work I'd love to hear how you achieved it.

AaronKoelker

I think that might be a customized Story Map (tabbed/Story Map Series) based on the look, and then each tab is linked to a different Web App Builder application. You can achieve the same thing using the basic Story Map Series template, though. Just have each tab link to a web page and insert the URL to your individual Web App Builder apps.

EDIT: Here's an example of a Story Map Series that links to separate Story Map Journals on each tab.

RonaldVanderpool

Interesting. Never thought about doing it with Story Maps. I will have to give it a go!! Way better than writing and managing a bunch of code!

Thanks Aaron!

Katie_Clark

Very cool, I haven't used Story Maps before either....love Geonet, always learning something new

LeePowell

Hey everyone,

Just to confirm, tabbed elements are a feature of ArcGIS StoryMaps. The tabbed elements allow you to seamlessly switch between your Portal apps or maps with ease - no need to open a new window or move away from your current page. This makes it a great feature for presentations, demonstrations or simply keeping all your related content in a single, fluid and simple to use window.

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

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