Skip to main content
Announcements
Defect acknowledgement with Nprinting Engine May 2022 SR2, please READ HERE
cancel
Showing results for 
Search instead for 
Did you mean: 
katarzyna00001
Contributor
Contributor

Crop image in html NPrinting report

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%%

<img src="%%f9d69024-2e38-4cdf-bfda-ee90c5fd2b5c%%" alt="f9d69024-2e38-4cdf-bfda-ee90c5fd2b5c" width="880" height="600" style="margin: 0px 0px -350px 0px" >

%%/Project.Name_Level%%

 

Designer Preview: 

katarzyna00001_0-1624971152576.png

 Outlook email view:

katarzyna00001_1-1624971675516.png

 

Labels (2)
1 Solution

Accepted Solutions
Lech_Miszkiewicz
Partner Ambassador/MVP
Partner Ambassador/MVP

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/1714...

and here: https://community.qlik.com/t5/Qlik-NPrinting-Discussions/Nprinting-November-2017-Image-height-is-not...

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

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-Microso...

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

cheers Lech, When applicable please mark the correct/appropriate replies as "solution" (you can mark up to 3 "solutions". Please LIKE threads if the provided solution is helpful to the problem.

View solution in original post

3 Replies
Ruggero_Piccoli
Support
Support

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



Best Regards,
Ruggero
---------------------------------------------
When applicable please mark the appropriate replies as CORRECT. This will help community members and Qlik Employees know which discussions have already been addressed and have a possible known solution. Please mark threads with a LIKE if the provided solution is helpful to the problem, but does not necessarily solve the indicated problem. You can mark multiple threads with LIKEs if you feel additional info is useful to others.
katarzyna00001
Contributor
Contributor
Author

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

Lech_Miszkiewicz
Partner Ambassador/MVP
Partner Ambassador/MVP

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/1714...

and here: https://community.qlik.com/t5/Qlik-NPrinting-Discussions/Nprinting-November-2017-Image-height-is-not...

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

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-Microso...

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

cheers Lech, When applicable please mark the correct/appropriate replies as "solution" (you can mark up to 3 "solutions". Please LIKE threads if the provided solution is helpful to the problem.