v4 Media Grid
This component allows media images to be displayed in a grid pattern and link to other resources. This typically gets used as a dashboard.
In Hydraulic v5, CTA Grid - Image closely resembles this component.
- Section Title (required) - Enter a short title to give to the paragraph
- Published (optional) - Select or unselect to make paragraph visible or not to site visitors. Defaults to published
- Grid Layout (required) - Choose the layout in which the grid of images will be displayed
- None
- 2 Columns
- 3 Columns
- 4 Columns
- 1 Large, 4 Small (5 Images)
- 1 Large, 6 Small (7 Images)
- 1 Large, 8 Small (9 Images)
- Text Display (required) - Choose how the text will display within the grid
- Overlay or Banner (Icon and Title Only)
- Item (required)
- Published (optional) - Select or unselect to make paragraph visible or not to site visitors. Defaults to published
- Title - Give the box a title that will help identify the component. This also doubles as an anchor link for the section when using the Current Page Section Menu on Basic Pages
- Body - Short description that helps further explain the section
- Media (optional)
- Icon - Ability to add an icon for the box
- Image - Ability to add an image for the box
- Additional Options (optional)
- URL / Link text - Identify where the button should take visitors and what the button should say
Instructions start on the Create or Edit Page within a piece of content.
- Create Content using the Add Paragraph button
- Choose Media Grid from the list of Component in the Media section
OR
Edit Content using the Edit button - (optional) Section Title allows for a title to be given to the entire section
- Switch the Published field on or off for the component to be published or unpublished
- (required) Choose a Grid Layout for how the images will display
- None
- 2 Columns
- 3 Columns
- 4 Columns
- 1 Large, 4 Small (5 Images)
- 1 Large, 6 Small (7 Images)
- 1 Large, 8 Small (9 Images)
- (required) Choose a Text Display for how the text will display on the images
- Overlay or Banner (Icon and Title Only)
Item
- Switch the Published field on or off for the component to be published or unpublished
- (optional) Set a Title for the Box
- Give the Body some word to display inside the Box
Media (optional)
- Set an Icon which will show up alongside the Title
- Image is not used
Additional Options (optional)
- Link fields will create a green button link to another piece of content, internal or external to the site.
- Click Add Item to add more items
- Repeat steps 8-13 until desired number of Items has been reached
- Return to step 2 to add more or edit existing Paragraphs
- Click Save
