Downloadable Attachment

The Downloadable Attachment component allows the content author to add attachments within pages. It presents content with an icon of the file type, the attachment title, and the link for download.

On This Page:

Example

View on public site:

Examples by Template

Census 3 Column
  • Census 3 Column
  • Census 2 Column Left
  • Census 2 Column Right
Census 3 Column

When to Use

Use a Downloadable Attachment when you have a resource that you want the public user to have access to for their reference.

The Downloadable Attachment component can be placed on any page in the site, but is typically not included on a landing page. Only one DAM or Non-AEM asset can be linked in this component.

Tip:

Authoring multiple Downloadable Attachment components to display a list of assets will cause unwanted white space and is not recommended. Instead, use a List component using attachments.

Usage

Using the Downloadable Attachment component, the content author can insert a download option on a page for an attachment asset.

Only Downloadable Attachments should be linked in this component. File types such as: PDF, EXCEL, PPT, and ZIP.

The component displays: file type icon, asset title prefaced with the word Download, the title is a hyperlink to the asset the author specifies.

Selecting the link will intiate the download of the asset either in the browser or as a download depending on the users browser settings for that file type.

Be sure to copy the external hyperlink or asset location correctly from the DAM. For the AEM DAM asset, you can do this by (1) going directly into the DAM prior to authoring the Downloadable Attachment component and copying the full link, or (2) clicking the search folder (A close-up of a camera

Description automatically generated with low confidence) and finding and selecting the DAM asset.

Note:

The file size will be included when linking to DAM of AEM assets. The file size MUST be added manually when linking to a non-AEM asset.

Configure Dialog

The configure dialog allows the content author to define multiple tabs. Expand the section below to learn more about the Downloadable Attachment's dialog box.

Tab: Attachments

DAM Asset

Attachments: Browse the DAM to choose the AEM attachment you want to add.

Non-AEM Asset

File located on the ftp server.

Attachment Title - The title for this attachment.

Description - Insert a description/teaser of the attachment.

Hyperlink - The hyperlink to download this attachment.

Attachment Type - Select the type of attachment.

Attachment Size - Insert the size of the attachment.

Screen Reader Text - Optional screen reader text.

Developer Resources

Expand the section below to see the Downloadable Attachment Component HTML output.

<div class="listContent uscb-downloadable-attachment__new-line-view " id="List_1049285241" name="downloadableattachme">

<div id="listArticlesContainer_List_1049285241" class="data-uscb-list-articles-container">

<div id="uscbTempDiv_List_1049285241"></div>

<div>

<div class="uscb-margin-TB-5 uscb-avoid-page-break uscb-list-attachment">

<span class="uscb-margin-TB-0 uscb-layout-align-start-start">

<a class="uscb-layout-align-start-start uscb-text-decoration-some" name="Health Insurance Variables in the CPS ASEC Flow Chart" href="/content/dam/Census/topics/health/health-insurance/guidance/pathbig4.pdf">     

<span class="uscb-list-attachment-icon uscb-padding-TB-2 uscb-layout-align-start-center">

<img src="/etc.clientlibs/census/clientlibs/census-pattern-library/resources/images/pdf.svg" alt=".pdf" style="width: 20px; height: 20px">

</span>

<span class="uscb-padding-T-2 uscb-text-link uscb-padding-R-8 uscb-attachment-item">

<span>Download Health Insurance Variables in the CPS ASEC Flow Chart</span>

                    <span class="uscb-sub-heading-2 uscb-text-link uscb-attachment-size">

                        [&lt;1.0 MB]

                        

                    </span>

</span>

</a>

</span>

</div>

</div>

</div>  

</div>

 

Top of Section
Is this page helpful?
Thumbs Up Image Yes Thumbs Down Image No
NO THANKS
255 characters maximum 255 characters maximum reached
Thank you for your feedback.
Comments or suggestions?

Top

Back to Header