The Grid – Publications / Press Kit component is designed to list downloadable materials, organised into sections (e.g., by year or file type). It allows you to easily present and categorise downloadable files for users in an intuitive grid layout.
This component offers several configuration options, divided into the following categories:
| Settings |
This section includes general settings common across all components within the system:
- Hide on Mobile/Tablet/Desktop: Pick whether to hide, or show this component independently on mobile, tablet, and desktop resolutions via a set of three checkboxes.
- Desktop/Mobile Padding: Adjust the top and bottom padding for both desktop and mobile views, applied on a per-section basis.
- Odd and Even Section Background Colours: Choose alternating background colours for odd and even sections from a pre-configured list of brand colours.
- Section Width: Set the width of the component.
|
| Animation |
Administrators can select from seven entrance animation options for the component:
- None
- Slide in from the top
- Slide in from the bottom
- Slide in from the left
- Slide in from the right
- Fade in
- Grow in
|
| Pod Styling |
This section allows administrators to customise the appearance of each section and downloadable asset within the component:
- Section Title Colour: Choose the text colour for the section titles from a pre-configured list of brand colours.
- Section Title Style: Select the heading size for section titles, with options ranging from Heading 1 to Small Paragraph.
- Border Colour: Set the border colour that appears at the bottom of each section. Option values are based on a pre-configured list of brand colours.
- Asset Title Colour: Choose the text colour for each asset title. Option values are based on a pre-configured list of brand colours.
- Asset Title Style: Select the heading size for asset titles, with options ranging from Heading 1 to Small Paragraph.
- Button Colour: Set the colour for the ‘Download’ button. Option values are based on a pre-configured list of brand colours.
- Button Style: Choose the button style, with options including Solid, Outline, Outline with slide animation, Underline, and Underline Pulse Animation.
- Button Label: Set the label text for the download button (default: ‘Download’).
- Indent Assets: Enable this option if you want asset titles to be indented further to the right, aligning them differently from the section title
- Download: Determine if the download button should trigger an automatic download or open the file in a new tab (default: download).
|
| Content |
This section allows administrators to create sections and upload associated downloadable assets using a repeater field:
- Section Title: Enter the title of the section to group related assets.
- Section Assets: A nested repeater field which allows the addition of multiple assets to each section. For each asset, administrators can provide:
- Asset Title: A text field which determines the asset’s associated title.
- Asset File: A file uploader field within which, administrators may upload the file which they would like to have associated to the asset in question.
|
You can view examples of the Grid – Publications / Press Kit component in various styles and with different entry animations here and here.
