Overlapping Text in PDF Generation

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

    • Post Options:
    • Link

    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:

    Any help much appreciated

  • 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.

  • 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.




Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels