ngx-print with custom css file

Question

I am using ngx-print to perform the print action with css file, however, css is not working. Here is the example.

https://stackblitz.com/edit/demo-ngx-print-fmiwwr

Library reference.

https://www.npmjs.com/package/ngx-print

<button printSectionId="demo"
styleSheetFile="assets/css/print.css"
 ngxPrint>print</button>

All the css are in the print.css file.

Djamel eddine CHAHRAT · Accepted Answer · 2021-07-17 20:55:02Z

2

please try to add this code, it works nicely for me

[useExistingCss]="true"

so it will be like this

<button [useExistingCss]="true" printSectionId="print-section" ngxPrint>print</button>

answered Jul 17, 2021 at 20:55

Djamel eddine CHAHRAT

1551 silver badge9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Krzysztof Kaczyński · Accepted Answer · 2021-02-08 01:47:34Z

0

I could fix your example by updating the ngx-print

"ngx-print": "^1.2.0-beta.5",

edited Feb 8, 2021 at 1:47

Krzysztof Kaczyński

5,1516 gold badges35 silver badges62 bronze badges

answered Feb 7, 2021 at 23:22

Krit Sandhu

11 silver badge1 bronze badge

Comments

Willie Cheng · Accepted Answer · 2022-10-21 07:47:59Z

0

I also faced the same issue.try to give the CSS file in the assets folder itself, it won't work when we give the CSS in any other file.solved my issue.

<button printSectionId="print-section" class="btn save" printTitle="printHeading" styleSheetFile="assets/css/print-pdf.css" [useExistingCss]="true" ngxPrint>Print</button>

edited Oct 21, 2022 at 7:47

Willie Cheng

8,36314 gold badges63 silver badges72 bronze badges

answered Oct 17, 2022 at 17:15

MUHAMMED ASHKAR P.A

1

Collectives™ on Stack Overflow

ngx-print with custom css file

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related