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

Layerlist with a Legend sample

AshleyPeters

I'm using the layerlist with a legend sample. Within the legend, I would like the symbology to always be visible, instead of the 'No Legend' verbiage appearing when the layer is turned off. If that's not possible, I need to be able to change the 'No Legend' verbiage.

Any guidance on how to make this happen would be appreciated!

Ashley

Encuentra más publicaciones etiquetadas con

Accepted answers

LizEidsness

ADD some CSS. It's all inclusive, but if needed you could give it better scope.

<SPAN class="selector token">div.esri-legend__message</SPAN> <SPAN class="punctuation token">{</SPAN>
    <SPAN class="property token">display</SPAN><SPAN class="punctuation token">:</SPAN> none<SPAN class="punctuation token">;</SPAN>
 <SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

All comments

AshleyPeters

Thank you Liz! I had been looking through the CSS, but had not found that option.

Egge-Jan_Pollé

Hi Liz Eidsness,

Thanks. This is cool! I did apply it immediately on one of my hobby projects (Jamhuri ya Kenya, an interactive map of the Republic of Kenya) I am working on, and it works a treat 🙂

I was always bothered by this silly "No Legend" text (or "Geen legenda" in a Dutch interface). Of course there is no legend, it is not needed, if a layer is invisible... And with your addition to the CSS it is al gone now 🙂

Thanks again,

Egge-Jan

LizEidsness

ADD some CSS. It's all inclusive, but if needed you could give it better scope.

<SPAN class="selector token">div.esri-legend__message</SPAN> <SPAN class="punctuation token">{</SPAN>
    <SPAN class="property token">display</SPAN><SPAN class="punctuation token">:</SPAN> none<SPAN class="punctuation token">;</SPAN>
 <SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

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