Overlapping Text in PDF Generation

Overlapping Text in PDF Generation

Posted by: katie.koslosky on 4 April 2023, 2:37 am EST

• 

  katie.koslosky

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 4 April 2023, 2:37 am EST - Updated 4 April 2023, 2:44 am EST

  We are using Active Reports JS 2.2.1.
  
  I am noticing issue on PDF Export that I don’t think was happening in 2.1.

  I have a Rich Text HTML component in a table that renders fine in the browser, but overlaps when I export to PDF. See comparison attached

  In Browser:
  
  

  In PDF:
  
  

  How often this happens depends on the font chosen.

  Here is the Rich Text expression:
  
  

  

  1302×555 35.3 KB

  Any help much appreciated

• 

  akshay.rajput

  

  • Post Options:
  • Link
    Copy

  Posted 13 April 2023, 6:21 pm EST

  Hi Katie,

  I was able to reproduce this issue with ActiveReportsJS v 4.0.0 as well which is why I have escalated this issue to development team[ARJ-4853]. I will get back to you once I have any information on the same.

• 

  akshay.rajput

  

  • Post Options:
  • Link
    Copy

  Posted 13 April 2023, 11:06 pm EST - Updated 26 April 2023, 4:47 pm EST

  Hi Katie,

  I just got an update from the development team. This is a designed behavior as the font is missing to fix this please configure the fonts in ActiveReportsJS before the application starts displaying or exporting reports. Please refer to the following page of our documentation: Font Configuration

  I have also attached a sample project for reference. Please refer to the ngOnInit() method in app.component.ts file in the attached sample.

  Regards,

  Akshay

  arjs-angular.zip