Add the print widget to a button

socialpromotions — Fri, 27 Aug 2021 15:48:06 GMT

Hi all, I have added the print widget to my web map but right now it is always present there on the map in a big window and takes up a lot of space. I would like to move this widget to a button which when clicked opens the widget preferably like other buttons in the image. I am new to javascript so some details would be really helpful. I have only added this code from ArcGIS API with no div which already adds the widget to the map.

var print = new Print({

view: view

});

// Adds widget below other elements in the top left corner of the view

view.ui.add(print, "top-right");

});

Would also like to know if anyone has other references for a different print widget that gives option to set extent of the map to be printed/exported. This does allow to set the extent of the map to be printed, but only by providing width and height by numbers without any preview. It does not neccessarily have to come with layout view with scale and everything.

Thanks

Re: Add the print widget to a button

BenRomlein — Fri, 27 Aug 2021 16:02:37 GMT

Check out the expand widget: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Expand.html

var print = new Print({ view: view }); printExpand = new Expand({ expandIconClass: "esri-icon-printer", expandTooltip: "Expand Print", view: view, content: print }); view.ui.add(printExpand, "top-right");

;

Re: Add the print widget to a button

socialpromotions — Fri, 27 Aug 2021 17:17:52 GMT

Works great. Thank you!!

topic Re: Add the print widget to a button in ArcGIS JavaScript Maps SDK Questions

Add the print widget to a button

Re: Add the print widget to a button

Re: Add the print widget to a button