Gantt PDF Export does not show timeline link corners

Gantt
#1

We upgraded Gantt to v9.0.15 and noticed that links now how rounded corners but when exporting them to a PDF the curved corners does not show.

We even added the default CSS on to the Export CSS file but the corners did not show when exporting to PDF. Any solution to this?

image

added css to Export CSS file:

.gantt_link_corner{
    width: 4px;
    height: 4px;
    border-color: #000;}

  .gantt_link_corner.gantt_link_corner_left_down{
    border-top-width: 2px !important;
    border-left-width: 2px !important;
    border-top-style: solid !important;
    border-left-style: solid !important;
    border-top-left-radius: 4px !important;}
  
  .gantt_link_corner.gantt_link_corner_down_right{
    border-bottom-width: 2px !important;
    border-left-width: 2px !important;
    border-left-style: solid !important;
    border-bottom-style: solid !important;
    border-bottom-left-radius: 4px !important;}

  .gantt_link_corner.gantt_link_corner_down_left{
    border-bottom-width: 2px !important;
    border-right-width: 2px !important;
    border-right-style: solid !important;
    border-bottom-style: solid !important;
    border-bottom-right-radius: 4px !important;}

  .gantt_link_corner.gantt_link_corner_right_down{
    border-top-width: 2px !important;
    border-right-width: 2px !important;
    border-right-style: solid !important;
    border-top-style: solid !important;
    border-top-right-radius: 4px !important;}
#2

Hello,

I tried to reproduce the issue on my side, but rounded link corners are exported correctly when the required CSS styles are included in the export configuration.

Here is a snippet where rounded link corners, along with the custom CSS, are exported correctly: DHTMLX Snippet Tool.

It’s hard to suggest what could be wrong in your case, as I don’t see your configuration. It may be helpful if you send me a simplified code snippet so I can try to reproduce the issue and research a possible solution. Please make sure that the issue is reproduced there: DHTMLX - Gantt. Initialization.

Then, click on the Save button. After receiving the link, open it in another tab and check that everything is saved, and then send me this link.

When exporting, please make sure that all necessary CSS styles are included inside the header parameter and that the raw option is set to true. For example:

gantt.exportToPDF({
    raw: true,
    header: "<style>" + document.querySelector("#custom_styles").innerHTML + "</style>"
});

https://docs.dhtmlx.com/gantt/desktop__export.html#customstylefortheoutputfile

By the way, if you don’t need round corners for the links, you can set the link_radius to 1.

Best regards,
Valeria Ivashkevich
DHTMLX Support Engineer