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

Scalebar at 4.12 without background

Hi,

I am trying to remove the background of Scalebar at 4.12 using widgets styles but still, the transparent background appears

ScaleBar widget | ArcGIS API for JavaScript 4.13

Please help me.

Finde mehr Beiträge mit dem Tag

Accepted answers

Imtiyaz,

Just add this css rule to your apps style section:

<SPAN class="selector token">.esri-scale-bar__line</SPAN> <SPAN class="punctuation token">{</SPAN>
  <SPAN class="property token">background-color</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="token function">rgba</SPAN><SPAN class="punctuation token">(</SPAN>255,255,255,0<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN>‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

All comments

Thanks a lot.

Imtiyaz,

Just add this css rule to your apps style section:

<SPAN class="selector token">.esri-scale-bar__line</SPAN> <SPAN class="punctuation token">{</SPAN>
  <SPAN class="property token">background-color</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="token function">rgba</SPAN><SPAN class="punctuation token">(</SPAN>255,255,255,0<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN>‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

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.