topic Re: Custom Screenshot Widget or Print Layout Export Widget in Web AppBuilder Custom Widgets Questions

Custom Screenshot Widget or Print Layout Export Widget

BrianWays1 — Thu, 12 Mar 2015 17:33:37 GMT

Is anyone interested in having a better print layout export widget or a built in screenshot tool widget? Such as lightshot (best screenshot tool available)?

GedRap/lightshot · GitHub

Lightshot — screenshot tool for Mac & Win

How hard do you think it would be to implement something like this into a custom widget? Anyone interested in tackling this?

Thanks,

Brian

Re: Custom Screenshot Widget or Print Layout Export Widget

MichaelJenkins — Tue, 21 Apr 2015 23:28:23 GMT

I'm very interested in having a better print tool solution. I don't think it would be possible to use a third party browser add-on like Lightshot though. I doubt that JavaScript in a page can control an add-on -- plus you'd have to get the user to install it before you could use it.

Re: Custom Screenshot Widget or Print Layout Export Widget

RickeyFight — Wed, 22 Apr 2015 13:25:50 GMT

Larry Stout has made a print widget that might do what you are talking about.

It can be found here:Print Plus Widget Version 1.1.2 April 11, 2015

Re: Custom Screenshot Widget or Print Layout Export Widget

Anonymous User — Thu, 14 May 2015 20:23:46 GMT

I would actually be interested in exactly this. I have been told to create a "screenshot" widget. It has to be a screenshot of the whole screen, and / or of the browser viewport. Actually the second, the browser viewport, is more preferable. I have been told this is what the client wants because of issues with resolution and printing and they want a guarantee what they see on the screen is what will be saved. It is also nice to show what tools are open etc.

jQuery patterns are out there. Just a matter of slipping it into the WAB. And in samplewidgets folder is a jQuery demo widget. So, if it doesn't exist already or you don't create it, this is my next widget I will be creating...

this looks like the most popular one - http://html2canvas.hertzen.com/

Re: Custom Screenshot Widget or Print Layout Export Widget

Anonymous User — Tue, 02 Jun 2015 12:29:13 GMT

I'm working on a Screenshot widget in WebApp Builder using html2canvas.

I have a working demo of a page that creates a screenshot and opens the standard Save As... browser dialogue here - kevinsagis/ScreenshotDemo · GitHub this is everything all in one HTML file. Just open it localhost or a IDE like Visual Studio. (note this is a repost of a js Fiddle because it does not work on js Fiddle for some reason, all credit for all authors in comments and Read Me)

I also have the work in progress widget where I am porting this code into WAB, here. kevinsagis/Screenshot-Widget · GitHub .

edit: I have it almost working. For some reason html2canvas does not like you to direct its output to a new window via window.open. So use document.body.appendChild(canvas); I will post a WebApp Builder demo up in just a bit.

Re: Custom Screenshot Widget or Print Layout Export Widget

ZimkithaNyombolo — Wed, 19 Jun 2019 13:45:06 GMT

Helllo,

How are you doing? you print screen post was helpful. however im also struggling to get it working.

Did you manage to get it working?

Regards,

Joshua Shivambu

Re: Custom Screenshot Widget or Print Layout Export Widget

Anonymous User — Wed, 19 Jun 2019 17:43:33 GMT

No. I surmised it is basically the design of the browser to not let Javascript do this in terms of security. At least not as completely as Flash. The reason Flash Builder was able to have a complete screenshot is that it was a plugin that could break through the built-in browser security model. But if you are interested here is my old example, which I have not advanced further on. https://community.esri.com/message/658280-screenshot-widget