Skip to main content
Announcements
Have questions about Qlik Connect? Join us live on April 10th, at 11 AM ET: SIGN UP NOW
cancel
Showing results for 
Search instead for 
Did you mean: 
Brian_Munz
Employee
Employee

Screen Grab Document Extension for Printing Extensions

So, I'm not completely sure why this is needed, but I've had a lot of people for a long time ask me if it was possible to print extensions.  As you probably know, you can't print them using the standard way offered by QlikView because they're dynamic javascript.

The other day I came across a JS library called html2canvas which scans the DOM of the page and recreates (as best it can) the HTML of that page on a <canvas> element.  So I played with it a bit and made it so it would also convert that canvas element to a PNG image that you can download and do whatever you want with (print,etc.).  It works with extensions, BUT in no way is this library perfect.

Since html2canvas uses the <canvas> element, you'll need to be running IE9 or above.  The library does what it can to convert the HTML to a canvas but it's a pretty new library and there's some things too complex for it.  For example, none of my Raphael extensions were showing up in the screen captures I created from this extension, and I guess a few people were having problems with the background image of the QVW showing up.  Like I said, this is what it is, and it's far from perfect, but hopefully it helps.

Anyway, it's pretty easy to use.  Once you install the doc extension, there will be an icon in the upper right of the QVW (in webview) next to the "+" sign:

icon.png

Click that and a window will pop up underneath it showing you a preview thumbnail of the screen capture and giving you instructions on how to download the image:

window.png

Obviously telling people to hold down ctrl and shift then right clicking the thumbnail isn't ideal, but it was really the only way to do it.  It's pretty easy, just hit Save Picture As...

saveAs.png

When you open the image you downloaded, it will be a screen capture of what you were just seeing in the QVW similar to this:

shot.png

That's it.  Like I said, it's not perfect, but hopefully it helps out.

The extension is now stored on GitHub.  Click on the "Download ZIP" button for the files.

Feel free to add any updates or improvements!

brianwmunz/screenShot-QV11 · GitHub

Message was edited by: Brian Munz

31 Replies
Not applicable

Hi Brian,

I have installed the extension, but the icon next to the "+" sign (in webview) doesn't appear.

Is it my fault? Sorry but I'm new in the world of extensions.

Massimiliano

thomas_skariah
Creator III
Creator III

Hi Massimiliano,

From where we can get the installation setup?

Regards,

Tom

Not applicable

Hi Tom,

I installed only the screenshot.qar file attached to the article...

Brian_Munz
Employee
Employee
Author

Does it show up on the sheet itself below the grey bar?

Not applicable

No, the icon ( icon.png ) doesn't appear on the sheet.

This is my Qlikview screenshot:

Cattura.PNG

Regards,

Massimiliano

thomas_skariah
Creator III
Creator III

Hi Massimiliano,

If Possible can you forward that application.

Regards,

Tom

Not applicable

Hi all,

it was my fault, the extension run very well!

Sorry, great job Brian!

Regards,

Massimiliano

Not applicable

Hi Brian,

this extension is very nice, but I would print a single extension object, is it possible?

Thanks for sharing your experience!!

Regards,

Massimiliano

amien
Specialist
Specialist

@Massimiliano

what did you change? i don't get the extension icon neither in webview

EDIT1 .. ofcourse .. need to activate the exprenssion .. but now i get a script error :

http://qlikview/QvAjaxZfc/QvsViewClient.aspx?public=only&type=document&name=Extensions/screenshot/sc...

EDIT2 : got it working. Was using IE8 instead of IE9. Great Extension!