Component: Photo Grid

Modified on Wed, 13 Mar 2024 at 01:58 PM

USAGE AREA: Flex Components

This component can be used to display photo-based links to lead your users to different content areas of your website.  It is configured to show 3-photos wide on 1 row - Left Image & Title, Center Image & Title, and Right Image & Title.


After creating the component tray (Tray - Photo Grid), click on the down arrow to the bottom left of the row area:

Once the component row is expanded, click on the 'Create' button to create the 1st row of photos & links:

When the 'Create New Component' dialog box appears, give your Photo Grid row component a name (this name is internal to the system -- utilized to let you differentiate between multiple rows should you have them):

The system creates the areas for the Left, Center, and Right image and link options.  Proceed to insert your image in the Left Image area.

Click on the 'Select' button in the Left Image area:

In the Select an Asset dialog box, navigate within your image assets tree to find your image.  Click on the image desired, and click the 'Select' button at the bottom right corner of the dialog box:

Once your image is inserted, PLEASE enter a short description in the Alt Text field.  This is required for ADA compliance.

In the Left Title box, choose whether you will link the image title to an internal page, and external page, or a document:

Repeat the same steps for the Center Image & Title, as well as the Right Image & Title.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article