Grid Layout
Display a grid of images or videos each with a title and paragraph of text.
On This Page
Table of Contents | ||||
---|---|---|---|---|
|
Related Pages
Child pages (Children Display) | ||
---|---|---|
|
Adding the Grid Layout
The Grid layout can only be added as a final step from the Media Layout component.
Editing the Component Content
Hover your mouse cursor over the content preview area and click the yellow Edit button that appears over the top right of the component. A new modal window will open with all of the content fields available for the component.
Image - Adds an image above the title and description.
Title - Adds a line of styled text above the description.
Description - Adds a block of rich text underneath the title.
Link URL - (Optional) Inserts a link to both the image and title that visitors can click to follow.
Video URL - (Optional) Inserts a Youtube or Vimeo link to the image area and overlays a play button.
When visitors click anywhere on the image, the video will play in an overlay over the entire page.
To use the video’s thumbnail, clearing the image field.
Tip |
---|
Can I do both? - Yes, you can add both a Link URL and a Video URL to the component at the same time. When you do, the image area will act as the playable video and the title will act as the link. |
Grid Items
The Grid layout does its best to arrange the number of grid items into layouts that maintain legibility for your mobile and desktop visitors.
One Grid Item
Two Grid Items
Three Grid Items
Four Grid Items
Component Options
Clicking the gear icon at the top right of the component’s control bar expands the options where you can adjust the component’s features.
Headline - Add a short headline of text to the top of the component.
Theme - Change the look by selecting between different visual styles.
Save - Commit any changes to the options.
Sort Content Items
Clicking the Sort button at the top right of the component’s control bar allows you to sort the content items into whatever order you choose.
The Sort button will bring up a modal window to Sort the Content Items.
Find and click the title of the item you want to move.
Use the buttons in the right column to arrange the item in the order you want.
Repeat for each item you want to move.
When all items are arranged to your liking, click the blue OK button in the lower right to confirm your choices.
Deleting Content Items
Content is deleted one content item at a time.
Image Specifications
Recommended Dimensions: 450x300 px
Recommended File Size: 20 - 100 KB
Info |
---|
|
Was this helpful? We welcome feedback for this Sitecore documentation: Take the User Survey