AnsweredAssumed Answered

Measurement Widget Problem

Question asked by xylochic627 on Nov 9, 2015
Latest reply on Nov 9, 2015 by xylochic627

I've added in the Measurement Widget to my project following the sample provided on the Developers page. I am having a problem with the div that I haven't been able to resolve. As I currently have it added in, I get the pane where I placed it, but I have no icons when I open the widget. I've moved the div around and have made some changes where I get the icons, but have no background. When the icons are visible, the different measurement options work as expected.

 

Any ideas on how to resolve this?

 

Here's the body portion of my HTML file:

<body class="nihilo">
    <div id="mainWindow" data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design:'headline'"
     style="width:100%; height:100%;">
      <div id="header" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'top'">
        <div id="PrintButton" style="position:absolute; right: 20px; top: 10px"></div>
  <div id="title">
  <a id ="logo" href="http://www.outdooralabama.com" target="_blank"><img src="images/OA_Header.png"></a>
  </div>

      </div>
      <div data-dojo-type="dijit.layout.ContentPane" id="leftPane" data-dojo-props="region:'left'">
        <div id="tocDiv"></div>
      </div>
      <div id="map" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'center'">
    <div style="position:absolute; right:20px; top:25px; z-Index:999;">
    <div data-dojo-type="dijit/TitlePane" data-dojo-props="title:'Switch Basemap', closable:false, open:false">
     <div data-dojo-type="dijit/layout/ContentPane" style="width:380px; height:280px; overflow:auto;">
      <div id="basemapGallery"></div>
     </div>
    </div>
    </div>
    <div style="position:absolute; right:15px; bottom:50px; z-Index:999;">
          <div id="measurementDiv" data-dojo-type="dijit/TitlePane" data-dojo-props="title:'Measurement', closable:false, open:false">

          </div>
        </div>
    <span id="latlong" style="position:absolute; right:20px; top:8px; font-size:80%; color:#FFFFFF; z-index:50;"></span>
    <div id="HomeButton"></div>
    <div id="search"></div>
   </div>
    </div>
  </body>

Outcomes