Image Fact Grid

A fact is a special component located in the site’s Data > Facts Folder or in the Shared Sites > Global Facts Folder.

See the Fact page for more details.

Users can create a new fact inside of the site’s Data > Facts Folder. Users may also find facts inside the Shared Sites > Global Facts Folder.

See the Fact page for more details.

• Before adding the Image Fact Grid component, the content author should have the desired facts details ready.
• Existing facts available to use are in the site’s Data > Facts Folder or in the Shared Sites > Global Facts Folder.
• Content authors may create new facts in Content Editor in their site’s Data > Facts Folder.
• Content authors may also create new facts by choosing “Create new” when placing a fact in the Image Facts Grid in Pages. Select the site Facts Folder for the location.
• Data for a fact can be added/edited in the Content Editor or directly in Page Builder.

Specific notes for facts used in an Image Fact Grid:

• A fact must have the “Title – Text” and “Description” fields completed.
• The “Source URL” and “Description” text are optional.
• The “Subheading” and “Image” fields are not used in the Image Facts Grid. These fields are used in other components that use facts.

1. Click on the component to select it. The Image Fact Grid panel opens on the right side.
2. Click Content to display the Content tab.
3. In the Image Fact Grid section of the Content tab, click the down arrow to expand the Background Image Desktop option.
4. Click Browse media library to open the Media Library.
5. Search for and select an image to use as the desktop background. Click the image to select it, then click Add selected.
6. Add a background image to the Background Image Desktop area by clicking on the background image selector in the bottom right corner.
7. Repeat steps 3 through 6 to add Tablet and Mobile images, if desired. If no images are added to these fields, the desktop image will be resized as appropriate.
8. Click Design at the top of the Image Fact Grid right side panel to display the Design tab.
9. Click Advanced Styling to expand the options.
10. Choose a variant using the Background color dropdown menu.
11. Add (or create) the desired fact(s), starting with the left-side placeholder.
    1. To use one fact, leave the middle and right placeholders empty.
    2. To use two facts, leave the right placeholder empty.
12. Add or edit fact data, as needed.
    1. Note: When using existing facts, take care when editing. Facts could be used in other locations on the site. Any changes made will change the data for the fact anywhere it is used.
    2. Global Facts are only editable by system administrators.
13. Click Actions and Submit to send changes to publishing workflow.

Mobile and/or tablet background images can be added in Content Editor or Explorer.

In Page Builder: 

1. Click the dropdown arrow to the right of the Sitecore XM Cloud icon in upper left.
2. Select Content editor. It opens in a new browser tab.

In Content Editor:

3. If the Image Fact Grid does not appear in the Content Tree, close the page’s Data node and expand it again to refresh the Content Tree.
   In the Content Tree, expand Content > MSU > site name > Home > page name > Data or wherever the component was added.
4. Locate and expand the Image Fact Grid component.
5. Use the file location tool to select a background image.
6. Click Save.
7. Return to Page Builder. 

In Page Builder:

12. Refresh the  canvas to preview the changes.
13. Click Actions and Submit to send changes to publishing workflow.