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

Enhanced Map Switcher Widget

JeffreyUtter

Robert........
I really like this widget, but I have 2 issues with it.
First, the widget causes a white line across the map. It's not there if I remove the widget.
Second, the labeling dropdowns from the top toolbar widgets are covered up from the basemap/Enhanced Map Switcher Widget. Again, if I remove the Enhanced Map Switcher Widget, the dropdown labels can be seen over the top of the basemaps.
Please advise.
Jeff

Enhanced Map Switcher.JPG

yockee_1-1770017102746.png

Find more posts tagged with

Accepted answers

All comments

ChristinaMcCullough

Curious, but where did the More... button go?

RobertScheitlin__GISP

Christina,

It is still there I just have it turned off in my live preview site because I am using my TOCWidget there as well. If you don't have any operational layers in your map the more button is hidden.

JayGeisen

Robert (or anyone, really), how might one go about changing the Enhanced Map Switcher so that you still had the basemap transparency fader list, but not the thumbnails? Basically, I'm trying to get a list of basemaps in a vertical list, with a vertical transparency slider. Any thoughts appreciated.

RobertScheitlin__GISP

Jay,

Setting the eMapSwitcherWidget.xml showthumbnails to false give you the Horizontal transparency slider and basemap buttons. As far as Vertical slider and basemap list you would have to write a lot of code to do that.

JayGeisen

Thanks for the quick reply, Robert. I forgot to mention that I tried that already. The problem with going that route is that the buttons end up going off the right side of the screen (due to all the historic aerials we have).

RobertScheitlin__GISP

Jay,

In the BasemapButtonBarSkin find this code and make the change indicated:

    <s:DataGroup id="dataGroup" width="100%" height="100%">
        <s:layout>
            <s:TileLayout requestedColumnCount="3"
                          columnWidth="200"
                          horizontalGap="-1"
                          verticalGap="-1" />
         <!--<s:ButtonBarHorizontalLayout gap="-1"/>-->
        </s:layout>
    </s:DataGroup>

KimGarbade_1-1645572635863.png

JayGeisen

Thanks, Robert. I just might go with that for now.

Join the Conversation

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

Quick Links

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