How to Embed a PDF Inside a Creatio Web Page?

Hi everyone,

I’m looking for a reliable way to display a PDF directly inside a Creatio web page preferably within a Freedom UI page. The goal is to display the PDF on-screen that’s stored as an attachment for the record.

I tried using an IFrame with the file’s OData URL, but Chrome blocks it due to security restrictions (X-Frame-Options / This page has been blocked by Chrome). So the usual IFrame approach doesn’t work.

If anyone has implemented this before, I’d appreciate guidance on:

  • The supported method to embed a PDF inside a Creatio page
  • Whether Creatio has any built-in component or recommended approach
  • Any workaround for loading PDFs from the File entity without browser blocking
  • Options for fillable PDFs (if possible)

Any insights or examples would be helpful. Thanks!

Like 3

Like

3 comments
Best reply

You could try using an object or embed tag. See https://stackoverflow.com/questions/1244788/embed-vs-object

However, best approach would be to create a custom component that uses Mozilla's PDF.js library, which there is an Angular component for: https://www.npmjs.com/package/ng2-pdfjs-viewer

Either way, if the PDF is hosted outside of Creatio, you'll need to add an exception for the domain/url in the content security policy for Creatio to allow it. 

Ryan

Hello!

At the moment, Creatio does not provide a native or out-of-the-box widget for directly displaying PDF files embedded within a web page. Attachments can be downloaded or opened in a new tab, but they cannot be shown inline within standard UI components.

However, our development team has already been informed about this request and is actively working on implementing this feature in upcoming releases.

You could try using an object or embed tag. See https://stackoverflow.com/questions/1244788/embed-vs-object

However, best approach would be to create a custom component that uses Mozilla's PDF.js library, which there is an Angular component for: https://www.npmjs.com/package/ng2-pdfjs-viewer

Either way, if the PDF is hosted outside of Creatio, you'll need to add an exception for the domain/url in the content security policy for Creatio to allow it. 

Ryan

Thanks Ryan Farley,

Could you please provide me with a reference for creating a custom component?

Show all comments