Javascript API - Icons

Question

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

JohnGravois · Answer

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

TimWitt · Answer

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