Attachment

The Attachment component allows you add a downloadable document. The component displays a title, the last updated date and a configurable document title.

Add an Attachment

  1. On the page where you want to add the Attachment, open the from the dropdown list.

  1. Add a Title to display at the top of the component.

  2. Add Content, optional. Useful to describe the document.

  3. Add one or more files to the Attachment component.

  4. Save.

Styling

Theme

Every component in CivicTheme, such as the "Attachment" component, can be shown as a Light or Dark theme component variant. This allows you to build more engaging landing pages with a mix of light and dark theme components.

Use "Theme" radio button selector to change between themes.

Below illustrates the Light theme, using the "Content" field, and the media "Name".

Below illustrates the Dark theme and the document file name.

Vertical spacing

Vertical spacing adds space before, after or both before and after a component. It is used to visually separate a component from other components when they are vertically stacked on the page. Use "Vertical spacing" dropdown to chose the appropriate values.

You may need to adjust the vertical spacing on adjacent components to create visual balance.

Background

DO NOT USE. Don't use the "Background" on the "Attachment" component Selecting Light or Dark theme adds the appropriate background.

Configuring

Some site-wide configuration can be made for this component. You need to be logged in as a "Site administrator" role in order to make such changes.

You can configure the "Attachment" component to display the actual file name, or the editable "Name" you give to the file when you upload it.

Configure to use the "Name"

  1. When you upload the file, ensure you create a descriptive, human-readable "Name".

  1. Go to /admin/appearance/settings/<site-name>

  2. Check the "Use name of media" box.

Configure to use the document file name

  1. Go to /admin/appearance/settings/<site-name>

  2. Uncheck the "Use name of media" box.

Last updated