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.

Vind meer berichten getagd met

Accepted answers

RobertScheitlin__GISP

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.

RobertScheitlin__GISP

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>

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

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