30
Views
7
Comments
How can I insert a signature from a signature pad into a PDF in OutSystems ODC?

I’m working in OutSystems Developer Cloud (ODC) and need to implement a digital signature feature.

Here’s what I’ve done so far:

  • I’m using a signature pad to capture the user’s handwritten signature.
  • On clicking the Save button, I want to insert the captured signature into a PDF stored in the database.
  • I’ve explored Forge components, but there’s no ODC-compatible component that supports embedding a signature image into a PDF.

What I need help with:

  • How can I overlay the signature image (captured from the signature pad) onto a specific location in the PDF?
  • What are the best practices for positioning the signature and saving the updated PDF?

Any guidance, sample logic, or workaround would be greatly appreciated!


Screenshot 2025-08-19 180642.png
2025-08-07 06-30-56
Amit J
Champion

I think it's possible via

1. Capture the signature with your signature pad (usually as a Base64 PNG). Fetch the original PDF (binary) from the database.

2. Pass both (PDF binary + signature image) to a custom JS library or server-side logic that can write on PDFs.

Generate the updated PDF binary, then save back to the database

Can you give you a sample oml, I can try to add js logic to merg the pdf with signature image with position

2025-07-24 15-45-10
Saeed Ur Rehman

Hi Amit,
Sharing the OML file with you. You can try adding the JavaScript logic to merge the PDF with the signature image at the desired position. Let me know if you need help with the JS integration or positioning. 

Link - https://drive.google.com/file/d/1xAqDtq52voVxheluhwErE4O0a0qze7Kl/view?usp=drivesdk

2025-08-07 06-30-56
Amit J
Champion

Can you share OML here, I am unable to upload it to personal env you given via google drive.

2025-07-24 15-45-10
Saeed Ur Rehman

Sure


Signature.oml
2021-10-09 07-57-44
Stefan Weber
 
MVP

Hi

UltimatePDF is available for both O11 and ODC and it supports images. Actually what you do with UltimatePDF is that you create a regular screen that is then rendered by the component. 

Stefan

2025-08-07 06-30-56
Amit J
Champion
Demo.oml
2025-08-07 06-30-56
Amit J
Champion

HI @Saeed Ur Rehman 

Is this OML working for you?


Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.