Printing resized map using javascript

AndyMonplaisir — Fri, 11 Oct 2013 18:31:57 GMT

Greetings,

I have setup the map to resize when the print button is clicked to take up the entire page. Then I would call the window.print() to print the map, but what continues to happen is I get a slightly offset map with the graphic missing from the map. Does anyone know How I can accomplish this task to include the graphic when printing. When the map resizes full screen, it still contains the point on the map.

Below is my javascript code of what I doing with the map Div:

        function setLandScape() {

            try {
                //Get the HTML of whole page
                var oldPage = document.body.innerHTML;
                var windowHeight = screen.availHeight / 4 * 3 + "px"
                //Get the Div object

                var div2 = document.getElementById('content1');
                var tleDiv = document.getElementById('dvTitle');

                var oldWidth = div2.style.width;
                var oldHeight = div2.style.height;
                var oldFloat = div2.style.styleFloat;
                var oldPosition = div2.style.position;
                var oldTlePosition = tleDiv.style.position;
                var oldTleTop = tleDiv.style.top;

                div2.style.position = "fixed";
                div2.style.width = "100%";
                div2.style.height = "100%";
                div2.style.styleFloat = "";
                div2.style.top = "0";
                div2.style.left = "0";

                tleDiv.style.position = "fixed";
                tleDiv.style.top = "10";

                var toolbar = document.getElementById('navToolbar');
                toolbar.style.display = "none";

                var dataElement = document.getElementById('UpdatePanel2');
                if (dataElement.style.display == "") {
                    dataElement.style.display = "none";
                }

                window.setTimeout(function () {

                    window.print()

                    div2.style.position = oldPosition;
                    div2.style.width = oldWidth;
                    div2.style.height = oldHeight;
                    div2.style.styleFloat = oldFloat;
                    div2.style.top = "";
                    div2.style.left = "";

                    tleDiv.style.top = oldTleTop;
                    tleDiv.style.position = oldTlePosition;
                    toolbar.style.display = "block";
                    if (dataElement.style.display == "none") {
                        dataElement.style.display = "";
                    }
                }, 2000);

            }
            catch (e) {
                alert(e.Message);
            }
        }

Thanks,
Andy

topic Printing resized map using javascript in ArcGIS JavaScript Maps SDK Questions

Printing resized map using javascript