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

How to change the color of zoom border when its click?

altair

please use this as a example

https://developers.arcgis.com/javascript/latest/sample-code/sandbox/?sample=intro-mapview

and im notice that its different, `+` icon and `-` icon highlighting are different, how do i align them like how do i align the - icon?

Finde mehr Beiträge mit dem Tag

Accepted answers

blake.terhune

Not sure if there's a better way, but you can add this to your CSS

.esri-zoom .esri-widget--button:first-child {
    margin-bottom: 2px;
}

All comments

RickeyFight

@altair

You could use CSS. Here I changed it to red.

blake.terhune

Not sure if there's a better way, but you can add this to your CSS

.esri-zoom .esri-widget--button:first-child {
    margin-bottom: 2px;
}

NateMurry_NOAA

Greetings Rickey:

I am rather new at JS API development, so please forgive any ignorance on my part.

Your answer makes sense to me if you are modifying the CSS file for a local instance of the JS API. (I found these lines in ESRI's online version of the API, which I assume is read-only). However, if you are not using a local instance of the JS API, which CSS file are you operating on to apply these changes? Thank you for your time.

--NMM

RickeyFight

@NateMurry_NOAA

How are you planning to deploy this? With a custom webapp? Like with the sample script you linked to?

Nimm an der Diskussion 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.