topic Re: Crop image in html NPrinting report in Qlik NPrinting

Crop image in html NPrinting report

katarzyna00001 — Tue, 29 Jun 2021 13:04:25 GMT

I attach in html report screen of the dashboard but only on half, there are KPIs to display, the second half is empty.

I use levels inside HTML report, so the white space between KPIs is repeated.

How can I crop the image?

I used it (below) It works in preview but not in email (Outlook) - but it not work

%%Project.Name_Level%%

%%/Project.Name_Level%%

Designer Preview:

Outlook email view:

Re: Crop image in html NPrinting report

Ruggero_Piccoli — Tue, 29 Jun 2021 14:48:09 GMT

Hi,

Every email client render HTML with small differences. There are some online tools to check how the same HTML code is rendered on different clients, so I suggest you to use one of them to test your code and update it to fill you requirements.

Best Regards,

Ruggero

Re: Crop image in html NPrinting report

katarzyna00001 — Tue, 29 Jun 2021 15:10:31 GMT

Hi,

Thank you for your suggestion, but my question was, how to crop images in NPrinting in the way that will work. I know already that a lot of things NPrinting doesn't support.

Regards,

Katarzyna

Re: Crop image in html NPrinting report

Lech_Miszkiewicz — Wed, 30 Jun 2021 00:23:13 GMT

Hi Katarzyna,

It is not NPrinting which is causing your report to be displayed wrong in Outlook. It is the html code you used.

Asking how to crop image in NPrinting does not make sense. Cropping means cutting your image from the edges which means that you will be removing part of the image completely from your report. It may mean you will remove information which is required.

I am guessing that you wanted to ask about resizing image in NPrinitng HTML template which again is not NPrinitng question but purely HTML styling question. I can point you to those links here:

https://community.qlik.com/t5/Knowledge-Base/How-to-resize-images-in-NPrinting-HTML-report/ta-p/1714046

and here: https://community.qlik.com/t5/Qlik-NPrinting-Discussions/Nprinting-November-2017-Image-height-is-not-able-to-control-in/m-p/34342#1486258

and here: https://community.qlik.com/t5/Qlik-NPrinting-Discussions/nprinting-HTML-Report-Reszing-of/m-p/43257/highlight/false#M1596

Now resizing your images is not going to help you anyway. Understanding fact that people are working on different screens. One can work and have outlook on 4K screen and another person can have small cheap laptop with 1366 x 768 screen which will not render properly.

So long story short solution you need to look for is purely based on your HTML skills as you are trying to use HTML template. As @Ruggero_Piccoli mentioned you need to check what styling works in Outlook and other mail clients. People often think it is NPrinting which is not supporting some features when it comes to HTML - and that is wrong statement when it comes to html. NPrinting just populates HTML report with data and tool used to render that HTML may or may not support it. In this case Outlook does not render properly and to be fair it is Outlook issue which people often talk about: https://www.contactmonkey.com/blog/outlook-rendering-issues

or here: https://help.sharpspring.com/hc/en-us/articles/115002203011-Why-Emails-Render-Differently-in-Microsoft-Outlook

have a read and enjoy fighting with Outlook - we are in the same boat and we all know here that Outlook is a tough one to work with...

cheers