topic Javascript API - Icons in ArcGIS JavaScript Maps SDK Questions

Javascript API - Icons

BrandonGilhooly — Mon, 28 Apr 2014 01:38:56 GMT

I am learning to works with the JS API and working through some of the examples.

When I copy and paste this code onto my machine and run from IIS the Toolbar icons don't show up

https://developers.arcgis.com/javascript/jssamples/toolbar_navigation.html

What am I doing wrong ?

Thanks

Brandon

Re: Javascript API - Icons

TimWitt — Sat, 11 Dec 2021 18:34:40 GMT

Brandon,

You would need to store the icons referenced here on a server which can be accessed by your application:

      .zoominIcon {
        background-image: url(images/nav_zoomin.png);
        width: 16px;
        height: 16px;
      }

      .zoomoutIcon {
        background-image: url(images/nav_zoomout.png);
        width: 16px;
        height: 16px;
      }

      .zoomfullextIcon {
        background-image: url(images/nav_fullextent.png);
        width: 16px;
        height: 16px;
      }

      .zoomprevIcon {
        background-image: url(images/nav_previous.png);
        width: 16px;
        height: 16px;
      }

      .zoomnextIcon {
        background-image: url(images/nav_next.png);
        width: 16px;
        height: 16px;
      }

      .panIcon {
        background-image: url(images/nav_pan.png);
        width: 16px;
        height: 16px;
      }

      .deactivateIcon {
        background-image: url(images/nav_decline.png);
        width: 16px;
        height: 16px;
      }

When you use just the code, you application is not able to find the icons, thus they don't show up.

Hope this helps!

Tim

Re: Javascript API - Icons

JohnGravois — Mon, 28 Apr 2014 14:50:53 GMT

in order to retrieve supporting files for any sample application, you can click 'Download as a zip file' on its landing page.