Select to view content in your preferred language

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

171
9
Jump to solution
2 weeks ago
AdamGebhart
Frequent Contributor

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.

AdamGebhart_0-1738266209910.png

The grid rests within the second sidebar.

AdamGebhart_1-1738266260503.png

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

AdamGebhart_2-1738266310199.png

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?

 

 

 

 

Tags (2)
0 Kudos
1 Solution

Accepted Solutions
ZachBodenner
MVP Regular Contributor

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".

ZachBodenner_0-1738268804175.png

 

Happy mapping,
- Zach

View solution in original post

0 Kudos
9 Replies
ZachBodenner
MVP Regular Contributor

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".

ZachBodenner_0-1738268804175.png

 

Happy mapping,
- Zach
0 Kudos
AdamGebhart
Frequent Contributor

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.

0 Kudos
ZachBodenner
MVP Regular Contributor

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).

Happy mapping,
- Zach
0 Kudos
AdamGebhart
Frequent Contributor

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

0 Kudos
ZachBodenner
MVP Regular Contributor

Sure thing!

ZachBodenner_0-1738273519459.png

 

This one can occasionally get dicey because having the editor always exposed can lead to problems, so actually the side bar starts collapsed, but that was a change we made after having a few accidental deletions, so I know it works with it set to open by default.

Happy mapping,
- Zach
0 Kudos
AdamGebhart
Frequent Contributor

Sorry for the delayed response.  Thank you for sending that.  One more request - can you share images of the medium and/or small screen viewers and what the outlines for one or both look like?  I haven't been successful yet in getting mine to cooperate and I'm curious where I'm messing it up.

0 Kudos
ZachBodenner
MVP Regular Contributor

That app is only ever used on a desktop so I didn't even bother with mobile versions. Unfortunately I have nothing to share, sorry!

Happy mapping,
- Zach
0 Kudos
AdamGebhart
Frequent Contributor

Lucky you.  Thanks again for the help.

0 Kudos
AdamGebhart
Frequent Contributor

@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_0-1738271986041.png

AdamGebhart_1-1738272020095.png

 

 

0 Kudos