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

Remove root element of Legend

Anonymous User

Original User: miri

Hi everybody,

The legend issues never end....

I have two tabs: one for layers and one for legend.
Layer tab looks like this:

<sdk:TabItem Header="Layers" Name="LayersTab" Margin="0,0,0,0">
                <Grid>
                    <esri:Legend LayerItemsMode="Tree" x:Name="MyLegend" Map="{Binding ElementName=Map}"
                                 LegendItemTemplate="{x:Null}" Refreshed="Legend_Refreshed"
                                 LayerIDs="USAID_Layers" ShowOnlyVisibleLayers="false">
                        <esri:Legend.LayerTemplate>
                            <DataTemplate>
                                
                                <StackPanel x:Name="checkBoxName" Orientation="Horizontal">
                                    
                                    <Grid VerticalAlignment="Center">
                                        <CheckBox IsChecked="{Binding IsEnabled, Mode=TwoWay}" />
                                        <CheckBox IsChecked="{Binding IsEnabled}" IsEnabled="{Binding IsVisible}" IsHitTestVisible="False" />
                                    </Grid>
                                     <TextBlock Text="{Binding Label}" Tag="{Binding SubLayerID}" VerticalAlignment="Center" Margin="2,0,0,0" MouseLeftButtonDown="ClickOnLayerName" />
                                </StackPanel>
                            </DataTemplate>

                        </esri:Legend.LayerTemplate>

                    </esri:Legend>

                </Grid>
            </sdk:TabItem>

Legend tab looks like this:

     <sdk:TabItem Header="Legend" Name="LegendTab">
                <Grid>
                    <esri:Legend Map="{Binding ElementName=Map}"
                         LayerItemsMode="Tree"
                        LayerIDs="USAID_Layers"
                        ShowOnlyVisibleLayers="True">
                    </esri:Legend>

                </Grid>
            </sdk:TabItem>

Enclosed with pictures to show how it looks like.
What I was asked is :
1. Remove the root element usaid_layers so it will show more data to the left
2. shrink the spaces from one layerItem to another in the legend tab.

Is that posiible? If yes, how?

Any help will be appreciated.

Thanks a lot,
Miri

layersTab.jpg

LegendTab.jpg

Finde mehr Beiträge mit dem Tag

Accepted answers

All comments

DominiqueBroux

Sorry I though you wanted the symbology of individual graphics in the Legend

Now I see. You want the symbol for large clusters.
There is nothing out of the box to do it. However you can add by code one (or more) legend Items in the event Legend.Refreshed.
To create a new legend item, you need basically, the label and the image that you want to see in the legend.

Anonymous User

Original User: miri

Hi Domonique,

1. As to the first problem, I added the MapLayerTemplate and it works fine.

You have to redefine the MapLayerTemplate as well as in this sample.

MapLayerTemplate is used for all main layers (Featurelayer, ArcGISDynamicMapServiceLayer, KmlLayer, .....)
The LayerTemplate is used for the sublayers of a main layer only.

If you associate a renderer to your feature layer (used when the graphics are not clustered), the legend should be the concatenation of the renderer and of the flareclusterer.

2. Can you elaborate more on how to associate a renderer to my featureLayer?
My code is:
                  <esri:FeatureLayer.Clusterer>
                        <esri:FlareClusterer FlareBackground="Orange" FlareForeground="Black" MaximumFlareCount="9" />
                    </esri:FeatureLayer.Clusterer>
I want to show the circles (like in the attached image) to the legend. Do I add a SimpleMarkerSymbols in different sizes?
Where do I add it?

Thanks,
Miri

clusterCircle.jpg

TanyaOwens

Hello,

My problem is similar to the discussion in this thread. I am using this sample: http://resources.arcgis.com/en/help/silverlight-api/samples/start.htm#LegendWithTemplates with the Showcase Template. I have several layers grouped together from one dynamic map service layer and one feature layer (for using InfoWindow). I would like my legend to show the feature layer and the service layer together without the service layer ID showing in the legend. I am having trouble figuring out where/how to change this in the code.

Thanks!

Anonymous User

Original User: dbroux

The feature layer is added but without the checkbox (only the name). Why?

You have to redefine the MapLayerTemplate as well as in this sample.

MapLayerTemplate is used for all main layers (Featurelayer, ArcGISDynamicMapServiceLayer, KmlLayer, .....)
The LayerTemplate is used for the sublayers of a main layer only.

My feature layer is a cluster layer. Its default legend looks like in the attached image.
Is it possible to show more detailed legend, not only the FlareClusterer?

If you associate a renderer to your feature layer (used when the graphics are not clustered), the legend should be the concatenation of the renderer and of the flareclusterer.

MiriEshel

Hi,

After all this work of removing the top element, it looks like I won't use it since I need more layers there....Anyway:
1. I would like to add a featureLayer to my legend that looks like this:

                      <esri:Legend.LayerTemplate>
                            <DataTemplate>
                                
                                <StackPanel x:Name="checkBoxName" Orientation="Horizontal">
                                    
                                    <Grid VerticalAlignment="Center">
                                        <CheckBox IsChecked="{Binding IsEnabled, Mode=TwoWay}" />
                                        <CheckBox IsChecked="{Binding IsEnabled}" IsEnabled="{Binding IsVisible}" IsHitTestVisible="False" />
                                    </Grid>
                                    
                                    <TextBlock Text="{Binding Label}" Tag="{Binding SubLayerID}" VerticalAlignment="Center" Margin="2,0,0,0" MouseLeftButtonDown="ClickOnLayerName" />
                                </StackPanel>
                            </DataTemplate>

                        </esri:Legend.LayerTemplate>

The feature layer is added but without the checkbox (only the name). Why?

2. My feature layer is a cluster layer. Its default legend looks like in the attached image.
   Is it possible to show more detailed legend, not only the FlareClusterer?

Thanks a lot as always,
Miri

clusterLeg.jpg

Anonymous User

Original User: miri

Hi Dominique,

You are genius! It works great.

Thanks a lot,
Miri

DominiqueBroux

I eventually got it:)

Looks like you are in a case between rFlat' and 'Tree'.
After further investigations, my suggestion to do it by code on event Legend.Refreshed is not working because we can't remove the map layers from the legend (else the legend won't be updated when layer or sublayers visibility change).

The workaround might be to change the legend template and start the treeview hierarchy one level down.

<esri:Legend.Template>
    <ControlTemplate TargetType="esri:Legend"
                        xmlns:toolkit="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"
                        xmlns:sdk="clr-namespace:System.Windows;assembly=System.Windows.Controls">
        <toolkit:TreeView   ItemsSource="{Binding LayerItemsSource[0].LayerItemsSource, RelativeSource={RelativeSource TemplatedParent}}"
                            Background="{TemplateBinding Background}"
                            Foreground="{TemplateBinding Foreground}"
                            BorderBrush="{TemplateBinding BorderBrush}"
                            BorderThickness="{TemplateBinding BorderThickness}"
                                  Padding="{TemplateBinding Padding}"
                            HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
                            VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"                >
            <toolkit:TreeView.ItemTemplate>
                <sdk:HierarchicalDataTemplate ItemsSource="{Binding LayerItemsSource}" >
                    <ContentPresenter Content="{Binding}" ContentTemplate="{Binding Template}" />
                </sdk:HierarchicalDataTemplate>
            </toolkit:TreeView.ItemTemplate>
            <toolkit:TreeView.ItemContainerStyle>
                <Style TargetType="toolkit:TreeViewItem">
                    <Setter Property="IsExpanded" Value="{Binding IsExpanded, Mode=TwoWay}"/>
                    <Setter Property="IsSelected" Value="{Binding IsSelected, Mode=TwoWay}"/>
                </Style>
            </toolkit:TreeView.ItemContainerStyle>
         </toolkit:TreeView>
    </ControlTemplate></esri:Legend.Template>

Note how is set the ItemsSource of the TreeView : ItemsSource="{Binding LayerItemsSource[0].LayerItemsSource, RelativeSource={RelativeSource TemplatedParent}}

Instead of starting the treeview hierarchy from LayerItemsSource, we start it from the sublayers of the first layer (that supposes there is only one layer in the legend but it's your case).

Hope this helps.

Anonymous User

Original User: miri

Hi,

I tried already LayerItemsMode="Flat" long ago but it gives me the attached image. It does not serve my needs since it doesn't show the groups.
How can I show the group layers in a flat mode?

Thanks,
Miri

flat.jpg

DominiqueBroux

Issue #1: Look at the attached image. I need the groups : USAID-related, Political/Administrative, Infrastructure, Israel-related to behave like TreeView (i.e. collapse/visible). Only the root element: USAID_Layers is redundant.

I understood that. But please try the Flat mode which looks to me a better starting point for your need.
You have just to change LayerItemsMode="Flat" in your XAML code.

Anonymous User

Original User: miri

Hi Dominique,

Issue #1: Look at the attached image. I need the groups : USAID-related, Political/Administrative, Infrastructure, Israel-related to behave like TreeView (i.e. collapse/visible). Only the root element: USAID_Layers is redundant.

Issue #2: Perfect. Thanks.

Miri

legend.png

DominiqueBroux

Hi Dominique,

As to issue #1, I thought to do it in Legend.Refreshed event but I didn't know how to catch the root element in order to remove it.
I need to remove it, not to collapse it.

As to issue #2, I will check it. Do you have a sample of changing LegendItemTemplate ? I looked at your wonderful site (http://broux.dominique.free.fr/Silverlight/InteractiveSDK/Default.htm#LegendTOC) but couldn't find one.

Thanks a lot,
Miri

Issue#1 : I still don't understand why 'Flat' mode is not working for you.

Issue#2 : Example of LegendItemTemplate skrinking the spaces between items and displaying image after the text:

<esri:Legend.LegendItemTemplate>
  <DataTemplate>
    <StackPanel Orientation="Horizontal" Margin="0,-3">
      <TextBlock Text="{Binding Label}" Margin="5,0" VerticalAlignment="Center" MinWidth="80" />
      <Image Source="{Binding ImageSource}" HorizontalAlignment="Center" VerticalAlignment="Center"  Stretch="None" MinWidth="20" Margin="0,-1" />
    </StackPanel>
  </DataTemplate>
</esri:Legend.LegendItemTemplate>

Anonymous User

Original User: miri

Hi Dominique,

As to issue #1, I thought to do it in Legend.Refreshed event but I didn't know how to catch the root element in order to remove it.
I need to remove it, not to collapse it.

As to issue #2, I will check it. Do you have a sample of changing LegendItemTemplate ? I looked at your wonderful site (http://broux.dominique.free.fr/Silverlight/InteractiveSDK/Default.htm#LegendTOC) but couldn't find one.

Thanks a lot,
Miri

DominiqueBroux

What I was asked is :
1. Remove the root element usaid_layers so it will show more data to the left

Looks like you need to use LayerItemsMode="Flat" so the main layer will not show up.

Note : if for any reason this option is not ok for you and that you need something between 'Flat' and 'Tree', you'll nee to do it by code on event Legend.Refreshed.

2. shrink the spaces from one layerItem to another in the legend tab.

You can change the LegendItemTemplate (for example by using negative margins).

Nimm an der Unterhaltung teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

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