I have 4 input fields and my plan is when i put a value or data to these 4 and when i click the print button, there will be automatic downloaded PDF, only the 4 values and their respective name of input fields ex:
Book Reference:
Seller Name:
Book Price:
Ship Date:
and i can edit the format of the pdf like putting logos or titles, is there a forge about this type of functionality? I tried the ULTIMATE PDF Forge but it just screenshots the whole website making it not appropriate for documenting. Thank you
This problem resolve kindly check this
It works! Thank you so much man!
Last question can i edit and use a header like putting a logo and title of my project? thanks man
yes can use this EmployeeDetailPDF2 screen
Thank you very much sir!
Welcome
Hi @budang haba,
There is a forge component that can help you to achieve this functionality.
Ultimate PDF: https://www.outsystems.com/forge/component-overview/5641/ultimate-pdf
To achieve what you requested, you can follow the following steps:
1. Design your entire PDF format on separate screen. (When you have inserted the values in the input fields, pass those values to a different screen where you are going to design your PDF format. )
2. Wrap the entire content of your screen in the PrintToPDF widget.
3. When you click on Print on your main screen, pass the URL of your web page in the PrintToPDF Action provided with the necessary parameters.
4. This action will return you the PDF file which you can later on download.
Hope this helps!
Regards,
Prakhar Sharma
hey thanks for this, is there any picture for every step? im new and im not that familiarized with the functions and widgets
Hi @budang haba ,
Please use this component
https://www.outsystems.com/forge/component-overview/9761/reactive-print-pdf-button
Demo Link
https://vermaamit52.outsystemscloud.com/ReactivePrintPDFButtonDEMO/TestPrintButton?_ts=638385003173503904
Thanks,
Amit
that's what i'm actually looking for, is there a tutorial how can i edit the like putting logo on the top or header?
No tutorial available.
You can create your own header and footer and place it under "MyContainer" block in TestPrintButton screen.
For more detail please refer my demo link
https://vermaamit52.outsystemscloud.com/ReactivePrintPDFButtonDEMO/TestPrintButton?_ts=638385023586539162
Hope this will help you :)
Hii
Kindly check this OML I am using Ultimate PDF
the value i inputted is missing though