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

307
4
Jump to solution
01-04-2022 05:06 PM
altair
by
New Contributor III

altair_0-1641344779213.png

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?

0 Kudos
1 Solution

Accepted Solutions
BlakeTerhune
MVP Regular Contributor

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

View solution in original post

4 Replies
RickeyFight
MVP Regular Contributor

@altair 

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

RickeyFight_0-1641392985805.png

RickeyFight_1-1641392994353.png

 

0 Kudos
NateMurry
New Contributor II

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

0 Kudos
RickeyFight
MVP Regular Contributor

@NateMurry 

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

0 Kudos
BlakeTerhune
MVP Regular Contributor

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