topic Unable to show Map Navigation Toolbar Icons in ArcGIS JavaScript Maps SDK Questions

Unable to show Map Navigation Toolbar Icons

AlbertoPinilla — Sat, 01 Apr 2017 12:55:16 GMT

Does anybody know why icons in this example from arcgis api javascript page don't show?

Map navigation tools | ArcGIS API for JavaScript 3.20

Is it an issue about links with dependencies?

How can I reference dijit icons on my application?

Thanks in advance

Re: Unable to show Map Navigation Toolbar Icons

thejuskambi — Sat, 11 Dec 2021 09:06:48 GMT

I think it just the sandbox which is failing to show the images. If you look at the Live version its working.

If you look at the sample, you will see that all the icons are setup through css and the iconClass are defined for each button in HTML like below.

<div data-dojo-type="dijit/form/Button" id="zoomin"  
    data-dojo-props="iconClass:'zoominIcon'">Zoom In</div>‍‍‍‍‍

If you want to change the icon, you can define you own Icon style css and update the iconClass in the properties.

Re: Unable to show Map Navigation Toolbar Icons

AlbertoPinilla — Sat, 01 Apr 2017 21:09:03 GMT

You're right, Thejus. I didn´t notice the live example does reference the icons in the right way. I had created a html document with the same code and it didn't import the icons either. It is a problem whith the relative link to the current location of the example page: "Navigation toolbar ". I don't know why, but I had imagined the icons woud be taken from the dojo toolkit and that got me some confusion.

Thanks, anyway.

Re: Unable to show Map Navigation Toolbar Icons

RobertScheitlin__GISP — Sat, 01 Apr 2017 22:29:43 GMT

I have reported the 404 error to esri using their page not found "Report a Problem" link.