Great tutorial, works just as expected. My problem using this package was the generated PDF page was looking pixelated and not so clear than it really was and I couldn't print the full screen like you showed if the page had a lot more content...
@@vijayverma-ho4hk Yes I did. Totally sorry about responding late , I just got a reply to one of my comments and I’m only seeing this in addition. I used the package “react-to-print”
@@vijayverma-ho4hk I also had same problem but I solved it very simply update my app.css with the given app.css file. So remember to apply CSS given in the code
how to solve PDF page was looking pixelated and not so clear than it really was and I couldn't print the full screen like you showed if the page had a lot more content...
I tried using this, works fine for a single page, but if the content is more than 1 page, a new page isn't getting added automatically, unable to find a solution, could you please help?
Hello, thanks for this tutorial. I have a problem: my pdf is generated as an image non pdf type. Is it possible that the pdf contains several pages? Thank you
This is my solution for getting a page as PDF using vanilla JavaScript and no package. window.print();}> Capture as PDF // This will print the whole page as a PDF To prevent the button itself from showing in the PDF file, Add this style to your css: @media print { .dontPrint { display: none !important;} }
I'm trying to find a way to send genereted pdf to backend so i can save it. If you know how to make that can you plase make tutorial or just tell me how to do it.
I am getting this error while submitting the form.. ------------------------------------------------------------------------------ Uncaught runtime errors: ERROR Objects are not valid as a React child (found: [object Promise]). If you meant to render a collection of children, use an array instead.
Watch from 35:00. Stuff before that are unnecessary
.
thx
Thankyou!
this is SO awesome, have bought you coffee as a thank you :)
Thanks a lot, Linda! I'm glad it helped you! :)
Thank you so much. I have been looking for this for a very long time.
Amazing bro you did it
Thank you so much!! it works fine in my own project
You're welcome
Great tutorial, works just as expected.
My problem using this package was the generated PDF page was looking pixelated and not so clear than it really was and I couldn't print the full screen like you showed if the page had a lot more content...
Did u get the solution of your problem. please share
@@vijayverma-ho4hk Yes I did.
Totally sorry about responding late , I just got a reply to one of my comments and I’m only seeing this in addition.
I used the package “react-to-print”
@@vijayverma-ho4hk I also had same problem but I solved it very simply update my app.css with the given app.css file. So remember to apply CSS given in the code
did you solve and how plz response as soon as possible
how to solve PDF page was looking pixelated and not so clear than it really was and I couldn't print the full screen like you showed if the page had a lot more content...
I tried using this, works fine for a single page, but if the content is more than 1 page, a new page isn't getting added automatically, unable to find a solution, could you please help?
what if the content is for 3 to 5 pages ? will it give pdf of 3 to 5 pages ?
Sir, How to add multiple pages in react-to-pdf and also make a page break.
hello , npm install react-to-pdf is not installing in node modules . How to solve it . please help
Thanks, Well done
Thanks 👏
Thankyou so much.
What happens if i want to send this pdf file to backend to save it, how i should send this pdf if i not press pdf create button?
Hey! Thanks for sharing this! Do you have any idea about how I could capture scrollable content into pdf?
Can we send this pdf in the URL in the API for the back-end side to use/ save?
If yes, how?
i cant figure out how to add dynamic data i can map through via react pdf components. e.g. {item.data} doesn't work.
how to change size print pdf when using react-to-pdf library? I need to print words in A4 size page
Hello, thanks for this tutorial.
I have a problem: my pdf is generated as an image non pdf type.
Is it possible that the pdf contains several pages?
Thank you
Thanks ! :D
You are welcome
This is my solution for getting a page as PDF using vanilla JavaScript and no package.
window.print();}> Capture as PDF
// This will print the whole page as a PDF
To prevent the button itself from showing in the PDF file,
Add this style to your css:
@media print {
.dontPrint { display: none !important;}
}
This is very useful. Thank you !!!
@@LeHoangNhatLam You are welcome!!
Can this be send as an attachment? Can you make a tutorial pls.
Thanks for the feedback. Will do my best to make one.
thanks a lot
I dont understand how to apply styles for the PDF file.
I'm trying to find a way to send genereted pdf to backend so i can save it. If you know how to make that can you plase make tutorial or just tell me how to do it.
why i see only half of file, first half is behind the screen :d
Hi, does it also work on components?
I would like to print only a designed area not all the page
Great video btw!
Did you solve this? I really need the solution please
Help!!!! I lost information, it does not automatically paging
esta libreria ya no la soporta react---- :(
how can i add a datepicker to the PDF?
Is it static or dynamic
How to do this in react,jsx file sir?
Why are you still using classes?
thanks
1 big page?
I am getting this error while submitting the form..
------------------------------------------------------------------------------
Uncaught runtime errors:
ERROR
Objects are not valid as a React child (found: [object Promise]). If you meant to render a collection of children, use an array instead.
This doesn't seem to be working for me, my pdf is coming to be blank
Did you try the source code?
@@VicodeMedia Yes, I cloned your repo and tried running it. No luck
And you also installed the packages, right?
@@VicodeMedia yep, I did yarn install
@@achinmandotia9837 I added in App.css -> .Post -> color: black;
40 min? sth is wrong