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

Dynamic Legend item sort order

AaronPerry

This is regarding Robert Scheitlin's Dynamic Legend widget located here. I am using the 3.2 uncompiled version. My operational layers seem to be displaying in no particular order in the widget. I'm sure it's based on something, but right now it seems quite random.

Can anyone explain the logic behind the sorting of items in the Dynamic Legend widget, and how/where I might go about changing or controlling it? I'd really like to have them in the order they are listed in the Map Switcher widget.

Thanks,
Aaron

Find more posts tagged with

Accepted answers

AaronPerry

I solved this by upgrading my source code from 3.2 to 3.4 and using the out of the box Legend widget.

I went to the Dynamic Legend widget because the 3.2 OOB Legend widget wasn't updating when layers were turned on and off, or when graphics layers were added by my widgets.

Today I rebuilt my viewer with a fresh download of 3.4 source and the OOB Legend works as expected now and is itself dynamic. And it nicely matches the Map Switcher ordering which is what I wanted from Dynamic Legend when I asked this question.

Thanks,
Aaron

All comments

AaronPerry

Thanks for the tip Rhett. I actually got rid of the white background on the Dynamic Legend widget since I was using the sandy color theme which is a light BG already. The background I had looked better than a white box to me. I totally understand the contrast benefit of a white box, but I pretty much had that with the background color I was using.

RhettZufelt

For me, one of the other nice features of the Dynamic legend was the nice white background that the OOB doesn't have.

Can modify the bottom of the OOB LegendWidget.mxml to this to get the white box that the dynamic legend has:

    <viewer:WidgetTemplate id="wTemplate">
  <s:Rect bottom="0"
    left="0"
    right="0"
    top="0">
   <s:stroke>
    <mx:SolidColorStroke 
          alpha="{getStyle('borderAlpha')}"
          color="{getStyle('borderColor')}"
          weight="1"/>
   </s:stroke>
   <s:fill>
    <s:SolidColor alpha="1" color="0xffffff"/>
   </s:fill>
  </s:Rect>
  <esri:Legend id="myLegend"
                     width="100%" height="100%"
                     top="10"
                     respectCurrentMapScale="{respectCurrentMapScale}"/>

    </viewer:WidgetTemplate>

AaronPerry

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.