Broken layout with PDF export - dhtmlx Scheduler 5.3


#1

Hi Team,

I have a problem which actually reproducible on your own sample site:

https://docs.dhtmlx.com/scheduler/samples/04_export/06_online_export.html

When you choose “Week” mode and try export to PDF, you would end up with a PDF that have a broken layout

I’ve uploaded a screenshot here: https://imgur.com/a/7EASJiS

Could you please help a look?

We are considering purchasing a license for the exporter and this is a show-stopper for us

Thank you


#2

Hi @Tom_Phan,

For now, the export service is using the phantomjs to emulate the page on the server-side, and after that, the page is exporting to different formats. Unfortunately, the phantomjs has some difficulties with displaying images, and there is no easy way to fix it.

The only workaround I can suggest you, for now, is to change or remove the background image for the .dhx_scale_holder and use some different background during the export, it may look like follows:

function exportPagePDF(){
  scheduler.exportToPDF({
    header: `<style>
    .dhx_scale_holder {
    background-image: none;
    }
	</style>`
  });
}

Here is a demo:
http://snippet.dhtmlx.com/5/2249f1ea7

Or you can use the PNG export(which works correctly) during the issue will be fixed.

We currently working on update the export service and in the future, this issue will be fixed, unfortunately, I can’t give you any ETA.

I will post on this topic when the export service will be updated.