File Elements

Attachments

Attachments are stored in the database via the ATS and are available to use on your SmartFeed.

We provides two elements for attachments data-sf="job-attachment-link" and data-sf="job-attachment-title".

Due to the complexity of attachments, SmartFeed needs to know what HTML wrapper element to use to append all available attachments; this is done with the data-sf="job-attachment" data attribute.

caution

The data-sf="job-attachment" data attribute must to be a parent to data-sf="job-attachment-link" and data-sf="job-attachment-title".

Finally, to prevent elements from leaking into other parts of your website, wrap the data-sf="job-attachment" data attribute inside another data attribute called data-sf="job-attachments".

data-sf="job-attachments" //Parent
  data-sf="job-attachment" //Child
    data-sf="job-attachment-link" //SmartFeed Element
    data-sf="job-attachment-title" //SmartFeed Element

Example!

<div>
    <strong>Attachments: </strong>
    <ul className="p-4" data-sf="job-attachments">
        <li data-sf="job-attachment">
        <a data-sf="job-attachment-link" download>
            <p data-sf="job-attachment-title"></p>
        </a>
        </li>
    </ul>
</div>

http://localhost:3000

Attachments:

• Job-Advert.pdf

• Job-Package.pdf

note

data-sf="job-attachments" and data-sf="job-attachment" dont need to be <ul> and <li> tags. SmartFeed supports any HTML element E.g. <dl> <dt> or <ol> <li> or just <div>.

data-sf="job-attachment-link" must be an <a> tag.

---