steinj14

Firefox does not print drawn shape "extent"

Discussion created by steinj14 on Mar 7, 2013
My app provides users the ability to draw various shapes on a map.  Oddly, when printing the map (using ESRI's print service), the "Extent" shape is not displayed in the printed map.  All other shapes are displayed on the printed map as expected.  This only occurs in Firefox (I've tried versions 17.0.1 and 19.0).  Can anyone explain this behavior or provide a fix?  Below is the pertinent html and javascript code.

The app itself is here: http://gis.tpcmaps.org/apps/production/pima

Thanks,
Joan

[HTML]   <div class="details">Pick a tool to draw on the map.</div>
     <!-- The drawn graphic will be buffered based on the specified parameters. -->
     <img class="drawimage" src="images/ce_draw_point.png" alt="Point" title="Point" onclick="g_tb.activate(esri.toolbars.Draw.POINT);map.disableMapNavigation();map.hideZoomSlider();"/>
        <img class="drawimage" src="images/ce_draw_multipoint.png" alt="MultiPoint" title="MultiPoint" onclick="g_tb.activate(esri.toolbars.Draw.MULTI_POINT);map.disableMapNavigation();map.hideZoomSlider();"/>
     <br/>
     <img class="drawimage" src="images/ce_draw_line.png" alt="Line" title="Line" onclick="g_tb.activate(esri.toolbars.Draw.LINE);map.disableMapNavigation();map.hideZoomSlider();"/>
     <img class="drawimage" src="images/ce_draw_polyline.png" alt="PolyLine" title="PolyLine" onclick="g_tb.activate(esri.toolbars.Draw.POLYLINE);map.disableMapNavigation();map.hideZoomSlider();"/>    
     <img class="drawimage" src="images/ce_draw_freeline.png" alt="Freehand Line" title="Freehand Line" onclick="g_tb.activate(esri.toolbars.Draw.FREEHAND_POLYLINE);map.disableMapNavigation();map.hideZoomSlider();"/>    
     <br/>
     <img class="drawimage" src="images/ce_draw_rect.png" alt="Rectangle" title="Rectangle" onclick="g_tb.activate(esri.toolbars.Draw.EXTENT);map.disableMapNavigation();map.hideZoomSlider();"/>    
     <img class="drawimage" src="images/ce_draw_poly.png" alt="Polygon" title="Polygon" onclick="g_tb.activate(esri.toolbars.Draw.POLYGON);map.disableMapNavigation();map.hideZoomSlider();"/>    
     <img class="drawimage" src="images/ce_draw_freepoly.png" alt="Freehand Polygon" title="Freehand Polygon" onclick="g_tb.activate(esri.toolbars.Draw.FREEHAND_POLYGON);map.disableMapNavigation();map.hideZoomSlider();"/>       
     <br /><hr/>[/HTML]

function doDrawShapes(geometry) {
 console.log("-->inside doDrawShapes");
 g_tb.deactivate();
 
 g_drawnGeometry = geometry;
 //addToMap(drawnGeometry);
 
 //use the draw shapes symbologies set up in the config section of index.html.
    switch (geometry.type) {
        case "point":
          //var symbol = new esri.symbol.SimpleMarkerSymbol(esri.symbol.SimpleMarkerSymbol.STYLE_SQUARE, 10, new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([255,0,0]), 1), new dojo.Color([0,255,0,0.25]));
          //var symbol = new esri.symbol.SimpleMarkerSymbol(esri.symbol.SimpleMarkerSymbol.STYLE_CIRCLE, 20, new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color("#723866"), 2), new dojo.Color("#FC0DD8"));
          var symbol = new esri.symbol.SimpleMarkerSymbol(pointSymbol);
          break;
        case "polyline":
          //var symbol = new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_DASH, new dojo.Color([255,0,0]), 1);
          var symbol = new esri.symbol.SimpleLineSymbol(lineSymbol);
          break;
        case "polygon":
          //var symbol = new esri.symbol.SimpleFillSymbol(esri.symbol.SimpleFillSymbol.STYLE_SOLID, new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_DASHDOT, new dojo.Color([255,0,0]), 2), new dojo.Color([255,255,0,0.25]));
          var symbol = new esri.symbol.SimpleFillSymbol(fillSymbol);
          break;
        //Extent is a rectangle.  
        case "extent":
          //var symbol = new esri.symbol.SimpleFillSymbol(esri.symbol.SimpleFillSymbol.STYLE_SOLID, new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_DASHDOT, new dojo.Color([255,0,0]), 2), new dojo.Color([255,255,0,0.25]));
          var symbol = new esri.symbol.SimpleFillSymbol(fillSymbol);
          break;
        case "multipoint":
          //var symbol = new esri.symbol.SimpleMarkerSymbol(esri.symbol.SimpleMarkerSymbol.STYLE_DIAMOND, 20, new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([0,0,0]), 1), new dojo.Color([255,255,0,0.5]));
          var symbol = new esri.symbol.SimpleMarkerSymbol(pointSymbol);
          break;
    }
    var graphic = new esri.Graphic(geometry, symbol);
    map.graphics.add(graphic);
  
  //Enable the Buffer Shapes button.
  dijit.byId("bufferShapesBtn").setAttribute('disabled', false);
  
 //reenable map navigation.
 map.enableMapNavigation();
 map.showZoomSlider();
}

Outcomes