PDF viewer on webflow reflecting cms collection

Community resources General
1

Good evening. I am making a applicant tracking system, and I would like to display the applicant’s resume on the page. I have uploaded the pdf files on cms collection and I want them to be displayed on the pages. Can anyone help me with this issue? Thanks :slight_smile:

2

Hi Sooyeon,

First, I’d be very careful about privacy laws and protecting confidentual info, which CVs are full of. Make sure your bases are covered there and that you have the level of security and privacy you need.

That said, if you’ve uploaded PDFs into a file field, you should be able to access that URL I think, in an HTML Embed. If that’s right, you can place an IFRAME inside your embed like this;

And then set the src to your CMS item field.

<iframe src="http://www.example.com/path/to/yourfile.pdf" width="600" height="400">
</iframe>
1 Like
3

It worked! Thank you so much for your advice!!

1 Like
4

Hi Sooyeon_Lee
This is Aditya. I want to know like I dont want to give user download or print options. So is there any solution to do this??

5

You can make it more difficult but no you cannot prevent it. If you’re exposing the PDF in your assets, anyone can download it and do whatever they want with it.

The most secure approach is probably to do server-side rendering of your PDF to an image using some 3rd party service, and then display the image on a canvas using client-side JS.

That can make it difficult to find / download the PDF, and you’d lose simple right-click image saving also, though it would not prevent screen capture or image download from the server.

To deter printing, you could use CSS something like;

@media print {
    body * {
        display: none; 
    }
}

All in all these are weak deterrents.

6

:100:

Putting these out with public access without an agreement you are @Sooyeon_Lee @Aditya_Jain asking for big trouble and lawsuites. At least in Europe where people are more serious about privacy.