topic Re: Legend widget remove no legend message in ArcGIS JavaScript Maps SDK Questions

Legend widget remove no legend message

AnjithaSenarath3 — Sun, 27 Jan 2019 10:47:31 GMT

I am working on Arabic Javascript Application (API 4.10) with Legend inside the layer list . the code as below at the moment for layerlist

code is working fine but it shows No Legend in English for Arabic Application. I want to get rid of "No Legend" default message Information. How Do I do this (I aslo dont wanted to convert that massage data to arabic as user dosnt want) .

How to remove it ? Please see screen capture. Kindly help

Re: Legend widget remove no legend message

RobertScheitlin__GISP — Sun, 12 Dec 2021 04:06:07 GMT

It is as simple as adding this css rule:

.esri-legend__message {
  display: none;
}‍‍‍

Re: Legend widget remove no legend message

AnjithaSenarath3 — Mon, 28 Jan 2019 04:07:16 GMT

That is awesome. Thank you very much Robert

Re: Legend widget remove no legend message

NicolasRoger — Fri, 15 Nov 2019 17:19:17 GMT

Hello Robert,

can this also be done for a widget that is created programmatically?

I added your css rule to the .css file of the custom widget that is creating a legend widget. The text is still not hidden.

I am using the 3.x api. Maybe this is the problem?

EDIT:

Nevermind I got it. It was:

.esriLegendMsg { visibility: hidden; }

Re: Legend widget remove no legend message

Anonymous User — Tue, 31 Dec 2019 19:53:44 GMT

Thank you for this post. I was able to hide the undesired text from the legend prior to loading the operational layers by adding the display properties for the div in my app as:

/* ALM added custom text to replace 'no legend default message */

#esri_dijit_Legend_0_msg {

display: none;

}

However, is it possible to replace the text in the div with a hint such as "Use the Add Layer tool to create the Legend." from the API element (<div id="esri_dijit_Legend_0_msg" class="esriLegendMsg">No legend</div>)?

Thanks in advance for any suggestions,
A

Re: Legend widget remove no legend message

RobertScheitlin__GISP — Wed, 01 Jan 2020 21:30:01 GMT

Andra,

You can access this through code and change the text using:

document.getElementById('esri_dijit_Legend_0_msg').innerHTML = "Blah blah";‍

Re: Legend widget remove no legend message

RaoSona — Mon, 14 Mar 2022 18:56:56 GMT

Hi,

I am also trying to modify the text "No Legend" to some other text. I am using 3x api. Have tried the suggestion above i.e.

in widget.html added:

<div id="esri_dijit_Legend_0_msg" class="esriLegendMsg">No legend</div>

In style.css, added

#esri_dijit_Legend_0_msg {

display: none;

}

The above does not turn off the label, therefore I cannot change the text via code also. Am I missing something? Is this feasible ?