CivicTheme
  • Docs
  • Changelog
  • Getting started
    • Introduction
    • Installation
    • Getting help
    • Security policy
    • Partnerships
  • Installation
    • Drupal theme
  • Contributing
    • Contribution model
    • Contribution basics
    • Small contribution spec
    • Medium contribution spec
    • Major (RFC-level) contribution spec
    • Code of conduct
    • Figma contributions
  • Components
    • Component list
  • Content Authoring
    • Overview
    • Global settings
      • Favicon
      • Header
        • Site slogan
        • Header logos
        • Primary navigation
        • Secondary navigation
      • Banner
      • Search
      • Link
      • Skip link
      • Side navigation
      • Signup
      • Footer
        • Footer logo
        • Social links
        • Footer navigation
        • Acknowledgement of Country
        • Copyright
      • Colours
    • Content types
      • Page
        • Configure the banner
      • Event
      • Alert
    • Content components
      • Accordion
      • Automated list
      • Attachment
      • Callout
      • Campaign
      • Content
        • Quote
      • iFrame
      • Manual List
        • Event card
        • Event reference card
        • Navigation card
        • Navigation reference card
        • Promo card
        • Promo reference card
        • Publication card
        • Service card
        • Subject card
        • Subject reference card
        • Snippet
      • Map
      • Next step
      • Promo
      • Slider
      • Webform
    • Vocabularies
      • Topics
      • Site sections
    • User accounts & roles
Powered by GitBook
On this page
  • Add an Attachment
  • Styling
  • Configuring

Was this helpful?

Edit on GitHub
Export as PDF
  1. Content Authoring
  2. Content components

Attachment

PreviousAutomated listNextCallout

Last updated 1 year ago

Was this helpful?

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

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.

configurable document title