Qlik Community

Ask a Question

Support Knowledge Base

Search or browse our knowledge base to find answers to your questions ranging from account questions to troubleshooting error messages. The content is curated and updated by our global Support team

Announcements

Qlik Sense: Exporting a bar chart as image not working when "box-shadow" styling is used in CSS

Joseph_Musekura
Support
Support

Qlik Sense: Exporting a bar chart as image not working when "box-shadow" styling is used in CSS

Exporting  a bar chart is not working when 'box-shadow' is used in CSS. Qlik Sense keeps trying to render the image and fails with error "an error occurred during the export. try again".

Example:

  • Import the attached 'Test_Box_Shadow.qvf 'and 'theme'.
  • Open the app and export as image

export error1.png

  • Edit the CSS file (in attached theme) and  remove (or comment) the line "box-shadow: 0px 1px 20px 0px rgba(69,90,100,.08);"
  • Export to image again, the "export as image" works.

 

Environment

  • Qlik Sense (all versions)

Resolution

The problem is the "box-shadow", which compromises the rendering heuristics in the printing service

A workaround is to make the export work by keeping the "bow-shadow" while browsing only. A way to do this is to add a specificity rule to the theme css to remove the box-shadow during an export.

example:

.qv-object-barchart {

height: 100%!important;

padding: 10px !important;

border-radius: 3px;

border: 0px solid transparent;

margin: 0px 1px 0px 1px!important;

background-color: #FFFFFF!important;

box-shadow: 0px 1px 20px 0px rgba(69,90,100,.08);

}

.printing-snapshot-content-v2 .qv-object-barchart,

.printing-live-content .qv-object-barchart {

-webkit-box-shadow: none;

-moz-box-shadow: none;

box-shadow: none;

}

Note:

Custom themes (example css files) are not supported. 

https://help.qlik.com/en-US/sense-developer/September2020/Subsystems/Extensions/Content/Sense_Extens...

Attachments
Version history
Revision #:
4 of 4
Last update:
Tuesday
Updated by: