Javascript API - Icons

[BrandonGilhooly]

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

[TimWitt]

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

[JohnGravois]

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