topic Re: Change default Zoom icon in ArcGIS JavaScript Maps SDK Questions

Change default Zoom icon

jauhari_mani — Fri, 16 Aug 2024 09:12:10 GMT

Hi,

I have a MapView and SceneView on my page but now I want to change the style of default zoom Icons where I want to switch the calcite icon from "plus" to "magnifying-glass-plus".

Regards,
Mani Jauhari

Re: Change default Zoom icon

MatthewDriscoll — Fri, 16 Aug 2024 18:53:19 GMT

I only know how to do it for esri icons. In your css.

.esri-icon-plus::before{ color: red; content: "\e67a"; }

Re: Change default Zoom icon

jauhari_mani — Fri, 23 Aug 2024 09:00:10 GMT

No this didn't help out.
Is there any other way to remove the default zoom button and add a new object of Zoom class where I can define icons for zoom-in and zoom-out from calicite icons.

Re: Change default Zoom icon

MatthewDriscoll — Fri, 23 Aug 2024 13:41:54 GMT

Here is a code pen sample. In ESRI fashion they change these things all the time and don't clearly document the change or error messages for things like this. This works in 4.28, but not higher. Perhaps call support and see what the change was?

https://codepen.io/mbdriscoll/pen/gONzWdL

Re: Change default Zoom icon

Albus — Wed, 02 Oct 2024 09:49:15 GMT

I have the same problem. Have you managed to find a solution?