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

Legend Title / Layer Names

KeithGanzenmuller

I need to suppress the Legend Title and the Layer Names.
Can't yet figure out how to show a legend without them.
Any help is appreciated.

Thanks,
Keith

Trouver plus de publications taguées avec

Accepted answers

khutchins

You can use css to prevent the layer names from displaying. The API reference for the Legend Widget lists the available css classes.

http://help.arcgis.com/en/webapi/javascript/arcgis/help/jsapi/legend.htm

Here's an example of css that I'd add if I wanted to hide the display of the service title:

 .esriLegendServiceLabel {     display: none; }

All comments

Muhammad_SherazAhsan

Thanks its helpful..

KeithGanzenmuller

Sorry about that, by the other code I meant the code snippets submitted by Davide and Craig in response to my question, included below.

    var legend = new esri.dijit.Legend({
                map:map,
                layerInfos:[
   {layer:yourfirstlayer, title:" "},
   {layer:yoursecondlayer, title:" "}
                ]
            }, "legendDiv");
            legend.startup();


legendLayers.push({layer:layer,title:'YOUR TITLE'});

These are two different ways to change the titles in the legend and would be included in the SCRIPT section of the code where you set up the legend.

KeithGanzenmuller

Hey Steve.
These questions and answers apply specifically to the Javascript API.

.esriLegendServiceLabel {
display: none;
}

would go in the styles section and suppresses the output of the legend labels.

The other code would go in the script where you are creating your legend.

KeithGanzenmuller

Great, thanks everyone for your help.

khutchins

 .esriLegendServiceLabel {     display: none; }

CraigMcDade

Hope this helps.

legendLayers.push({layer:layer,title:'YOUR TITLE'});

DavideLimosani

try adding a title:" " in your legendInfos like this:


            var legend = new esri.dijit.Legend({
                map:map,
                layerInfos:[
   {layer:yourfirstlayer, title:" "},    
   {layer:yoursecondlayer, title:" "}         
                ]
            }, "legendDiv");
            legend.startup();

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

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