Questions tagged [react-pdf]

React renderer for creating PDF files on the browser and server

409 questions
0
votes
0 answers

react-pdf PDFDownloadLink not rendering as a clickable link after running react-app-rewired build

As the title describes, I am using react-pdf to render a link to download a PDF via clicking a link. This all works great within my localhost server, however after running react-app-rewired build and deploying to my environment, it…
physicsboy
  • 5,656
  • 17
  • 70
  • 119
0
votes
0 answers

Table overflowing in react-pdf

Hello I just created a table in react-pdf, when there are too many rows to fit in a single page, some data is not visible Data overflowing & not visible image I want it to have data on next page
0
votes
1 answer

React-PDF stripping style from nested components output by render callback

I am attempting to pass a shared component to a element, however it appears that the output has missing style properties... It appears that the child component's styling is preserved, but any grandchildren do not... Further…
physicsboy
  • 5,656
  • 17
  • 70
  • 119
0
votes
0 answers

Disabling hyphenation callback also breaks ellipsis

I have a table of information where the first column is a username and the rest some product info. Since usernames are one string with no spaces, I am trying to make it such that the usernames can be obfuscated with ellipsis when the string is…
physicsboy
  • 5,656
  • 17
  • 70
  • 119
0
votes
1 answer

Radial-gradient backgroundColor within React-PDF

I am using the React-PDF library and wanting to add a banner across the page with a radial gradient, something simple. However, when I apply the CSS property I've been using in my app, it doesn't seem to accept it... I have been attempting to…
physicsboy
  • 5,656
  • 17
  • 70
  • 119
0
votes
1 answer

How to Use Chart.js or recharts in react-pdf/renderer

I want to create pdf using react-pdf ,but for charts/graphs i have to use Chart.js or recharts ,but directly i can not implement into react-pdf , another option i have seen from a qs: How to add recharts to react-pdf but here html-to-image( const…
0
votes
0 answers

How to use update function of usePDF in react-pdf package

When the user clicks on download pdf I want to show the corresponding date and time. This below code shows date and time when the file first loaded in application not when the user click on download. How to show current timestamp in pdf?(when the…
sumeeth
  • 93
  • 5
0
votes
0 answers

Extra text is being displaying at the bottom of Document>Page>bottom(React-Pdf)

The flow is after uploading Pdf I need to render/view the uploaded pdf in next screen. So, to render the pdf I am using "React-Pdf" library. So, I have converted the uploaded pdf to base64 format and gave as a parameter/value to :…
0
votes
0 answers

Using React, Images wont display in pdf-lib after merging with a pdf created in @react-pdf/renderer

Using react I need to first generate a pdf with certain details and images. I then need to merge the pages of this pdf with a pre made pdf stored in assets folder. So i do the following: Create pdf using react-pdf Import this and load it using…
0
votes
0 answers

Disable screenshot of a pdf in React (web)

In our web application, we are using react-pdf to display different PDFs. For one of the PDF, there is a requirement that we should not allow user to take screenshot. We are not using React-native. Now I know that we cannot stop user from taking…
0
votes
0 answers

React PDF: Annotations for a rotated PDF document do not align

When I use react-pdf to render a rotated pdf document containing links, the annotation layer renders with a rotation different from the document. Therefore, the links do not align. I have deployed an example showing that the highlighted links do not…
Auroratide
  • 2,299
  • 10
  • 15
0
votes
0 answers

How to add Adobe Myungjo font in react-pdf?

I'm using pdfjs(Document) to preview pdf in my site. (not a react-pdf/renderer) But I can't see some paragraphs with adobe fonts. How to add options to show adobe font in react-pdf? (There is solution to add 'standard-fonts', but I need a solution…
0
votes
0 answers

Problem when I add font in react-pdf to customize i have module parse

When i add the font i have the problem module parse for the react pdf. I try to modify the theme of my pdf. I try to resolve the issue i can't . When i add the font i have the problem module parse for the react pdf. I try to modify the theme of my…
sla
  • 11
  • 1
  • 2
0
votes
0 answers

react-pdf canvas dynamic drawer

i am working on project for engineering drawing and I need to take measurement from pdf drawings, I found react-pdf where I can use the Canvas component to draw on top of the PDF. I can't see in the documents how to use the mouse to draw line on…
Abed Aarabi
  • 51
  • 1
  • 5
0
votes
0 answers

Module parse failed: Unexpected character '#' after updating react-pdf package version to 6.2.1

I am using the react-pdf node module package to display PDFs in a React application and running using storybook. Earlier, I was using react-pdf version 4.1.0, and it was working fine, but after updating the package to the latest version, i.e.,…
Asif Iqbal
  • 502
  • 6
  • 24