AUTHOR: Peter Milchev
DATE POSTED: April 04, 2018
When using the ClientExportManager to export to PDF an OrgChart with render mode Lightweight, the connecting lines are missing in the exported file.
The connecting lines of the Lightweight OrgChart are rendered as styled :before and :after pseudo-elements. Due to the different rendering of the pseudo-element in the various browsers, the connecting lines are not exported in the PDF file.
Adding the following styles will allow all browsers to export the lines. It relies on changing the styles before exporting, as explained in Change the Exported Content before Export article.
<style>
.kendo-pdf-hide-pseudo-elements:after,
.kendo-pdf-hide-pseudo-elements:before {
display
:
none
!important
;
}
.k-pdf-export .rocNode:before {
normal
height
1px
max-width
100%
background
black
.k-pdf-export .rocGroup:before,
.k-pdf-export .rocGroup:after,
.k-pdf-export .rocNode:after,
.k-pdf-export .rocItem:after {
max-height
width
</style>
Resources Buy Try