Select to view content in your preferred language

Change default Zoom icon

274
4
08-16-2024 02:12 AM
jauhari_mani
Regular Contributor

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

0 Kudos
4 Replies
MatthewDriscoll
MVP Alum

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

 

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

 

0 Kudos
jauhari_mani
Regular Contributor

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.

0 Kudos
MatthewDriscoll
MVP Alum

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

 

0 Kudos
Albus
by
New Contributor

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

0 Kudos