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

Stacked widget tabs - change the appearance without changing other colors in the map or unrelated widgets?

AdamGebhart

I am testing out stacked widgets (to create tabs) in a grid column. I would like to change the tab appearance (default, selected, hover) but don't see that I can make any or even one of those changes without also changing the map background color. Is there a way to do this or is there a better way to stack widgets to make tabs (and modify settings)? I'm in Developer 1.16.

The grid rests within the second sidebar.

I can change the font color via the primary theme color.

If I change the third color that updates the default tab background color but it also changes the map background color, as well as the color of the map widgets (zoom, home, etc).

Maybe a CSS file somewhere can be edited? Should I try a completely different path?

Find more posts tagged with

Accepted answers

ZachBodenner

To the best of my knowledge there isn't a way to change those manually (I've tried also, but I could be wrong). There's almost certainly a way to do it in the coding, and you could use the browser inspector to help you locate where that might be (do that once you've deployed an application - the code will then be on your own machine).

A workaround is to place a Section widget inside a column widget , and then use the view navigator widget as your "stacked tabs." That will give you a lot more control over the look of the tabs. Here's an example from an app of mine. I have a column that contains a filter, then a view navigator, then a section with two views: "Comparable Sales Table" and "Print".

All comments

AdamGebhart

Thanks again. Can you possibly attach an image of what your Page contents (Body) looks like on that app you mentioned?

ZachBodenner

I've not run into the issue of a view not being openable on start up, but I have used the view-in-sidebar just fine (edit widget, but the Near Me should work fine).

AdamGebhart

@ZachBodenner

Sorry, here are some images of the app I mentioned I built using the sections and views. I essentially followed the Tab template in ExB.

AdamGebhart

Thanks @ZachBodenner. I actually have built a separate app that uses sections and views to open widgets and really like how it turned out. I used it as a template for the app in question and found it didn't work as I need it to because, correct me if wrong, you can't have a view open on app startup. The department that requested this specific application needs or wants to at least have the Near Me widget (Plan Selector in my prior images) open at startup.

I haven't tried using sections and view inside of a sidebar - is that an option? If so, I could have the sidebar open at startup and take care of that problem.

ZachBodenner

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

All Communities
Recent Posts
Followed Content
Community Help

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