How do I link pdf files dynamically on a button which can then be downloaded

[Quintin]

I need to bind a pdf to a collection per item, which can then be downloaded or just viewed in a new tab.

[Joyce]

Hi @Quintin

That’s super straightforward to do in WeWeb

1- Make sure you have links to your PDFs in your backend

If you already have links to your PDFs in your backend, you can skip this step.

If not, you can use WeWeb to host your PDFs:

This way, you can copy the file URL and add the information to the relevant item in your backend:

Note that if you’re using Airtable as a backend, the “Attachment” field type is recognized by WeWeb as a URL to the file so you wouldn’t need to upload your files to WeWeb.

2- Bind the field with your URLs to a text element or button element in your Collection List

First, you need to bind your data to a container.

Then, you’ll want to add a repeated text or button.

Finally, on an item, you’ll want to bind the field that contains the URL to the repeated text or button.

In the example below, when a user clicks on the button, the file will open in a new tab and the user will be able to download the PDF or image.