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

CoordinateConversion Widget

Hi

Can I customize the Coordinate Conversion Widget to display only BASEMAP & XY Coordinates and remove the rest from the default conversion options in 4.17

Thanks

Find more posts tagged with

Accepted answers

cadgis,

Just add this css rule:

<SPAN class="selector token">.esri-coordinate-conversion__select-row option[value="dd"],
[value="ddm"],[value="dms"],[value="mgrs"],[value="usng"]
,[value="utm"]</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>‍</SPAN><SPAN>‍</SPAN></SPAN>

All comments

How would you go about this if you were also removing XY? As I understand it, Display: None will not remove the element from the DOM, and so it will render at the first "selected" in the slot, and then only be removed when the user makes a selection.

cadgis,

Just add this css rule:

<SPAN class="selector token">.esri-coordinate-conversion__select-row option[value="dd"],
[value="ddm"],[value="dms"],[value="mgrs"],[value="usng"]
,[value="utm"]</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>‍</SPAN><SPAN>‍</SPAN></SPAN>

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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