Solved! Go to Solution.
#compass { background : transparent url('../../../../images/compass.png') center no-repeat; height:100px; left:0; position:absolute; top:0; width:100px; z-index:10; } #onepixel { background : transparent url('../../../../images/1by1.png') center no-repeat; height:1px; left:0; position:absolute; top:0; width:1px; z-index:9; }
Good afternoon,
I'm building dynamic reports that pull tract data from our database. I include a map of the location at the bottom of the page. When I print the report in standard-compliant browsers, everything displays properly. When using Internet Explorer 8, however, only the map itself prints - the map.graphics layer does not print.
Searched for a solution to this issue to no avail... this thread was the closest I found but had no resolution that seemed effective. Tried selecting 'Print background images & colors' in IE preferences - no dice.
I don't believe I'm doing anything wrong with my function call to draw the graphics (they do display across all browsers on-screen), here it is for reference:
sendQuery = task.execute(query);
sendQuery.then(function(loc) {
symbol = new esri.symbol.SimpleFillSymbol();
symbol.setColor(new dojo.Color([255,0,0,0.5]));
gfx= loc.features[0].geometry;
map.graphics.add(new esri.Graphic(gfx, symbol));
});
The obvious answer, 'print from FF', unfortunately doesn't work because IE support is a requirement for the report. Any thoughts or code snippets that can get me going in the right direction would be greatly appreciated! Thanks in advance!
Jim
jeff.pace
what function are you using to print? This is more than likely due to the wonderful fact the IE does not support svg and therefore using a vml graphics renderer.
#compass { background : transparent url('../../../../images/compass.png') center no-repeat; height:100px; left:0; position:absolute; top:0; width:100px; z-index:10; } #onepixel { background : transparent url('../../../../images/1by1.png') center no-repeat; height:1px; left:0; position:absolute; top:0; width:1px; z-index:9; }
I tried adding a topmost graphic like you said but it didn't help. Luckily for me I found another way to solve it. Try adding the IE compatibility meta tag to your page. At a minimum make sure it includes the "IE=7" because "IE=edge" alone isn't enough.
<meta http-equiv="X-UA-Compatible" content="IE=7, IE=edge" />