Configure a gallery

Gallery overview

A gallery is a configurable widget that you can add to your homepage or group page. It helps categorize content and improve navigation both on and off the platform.

Here's how galleries work:

• A gallery is composed of blocks. Each gallery block can include these optional elements:
  • An image
  • A brief caption
  • A link that users can access by clicking the image. This can direct them to a web page (inside or outside the platform) or allow them to email any address you specify.
• You can add up to 100 blocks per gallery.
• A gallery supports an unlimited number of blocks, displaying up to 3 per row. Additional blocks flow into new rows.
• Each block maintains a uniform size of 800 x 300 pixels, with an aspect ratio of 8:3, regardless of the number of blocks in a row.
• Multiple galleries can be displayed per page.
• Gallery content is specific to the homepage or group page where it's created. It does not carry over to subgroups.

You can add multiple widgets to your group page to customize the learner experience. For the full list of widgets, see Configure the layout of a group page.

Create a gallery

1. Access the page layout configuration panel:
   • For the homepage: In the left sidebar, click Homepage layout.
     • If Homepage layout doesn’t appear, click Configure page layout at the top right of your homepage.
   • For a group page: In the left sidebar, hover over a group and click Configure page layout.
     • If Configure page layout doesn’t appear, click on the group first, then click Configure page layout at the top right of the main section.
2. In the Configure page layout panel on the right, in the Add section, click Gallery.
3. Click Add block.
4. Add an image:
   1. Click under Image.
   2. In the Select an image dialog box, you can Import a new image or Reuse an existing one. For optimal dimensions, see Gallery image recommendations.
5. Enter a Title (200 characters maximum).
6. In the Link field, enter either of the following:
   • A URL address to redirect learners to a web page (inside or outside the platform).
   • A mailto link (for example, mailto:recipient@domain.com) to open the learner's email client, allowing them to send an email to any recipient you specify. You can use a free mailto generator like this one to generate a mailto link with multiple recipients, or with the subject line and the body pre-filled.
7. (Optional) You can select an audience to define who sees this specific block.  If no audience is selected, the block is visible to everyone. To select an audience:
   1. Under Audience, click Edit.
   2. Define your criteria using Groups, Roles, or User Custom Fields.
      • For a detailed breakdown of how audience logic works, see About widget audience.
   3. At the top, click Back to edition.
8. In the bottom-right corner, click Apply.
   The page displays the gallery block.
9. To continue editing the gallery, click Back to gallery at the top of the right panel.
10. To close the right-side panel, click Close in the bottom-right corner.

The amount of text displayed in the gallery block depends on the users' browser window size, the zoom settings, and the newsfeed display status (right-panel expanded or hidden). If you wish to display more text, create a carousel.

Edit a gallery block

You can edit the image, the title, and the link for each gallery block.

1. Access the page layout configuration panel:
   • For the homepage: In the left sidebar, click Homepage layout.
     • If Homepage layout doesn’t appear, click Configure page layout at the top right of your homepage.
   • For a group page: In the left sidebar, hover over a group and click Configure page layout.
     • If Configure page layout doesn’t appear, click on the group first, then click Configure page layout at the top right of the main section.
2. In the Configure page layout panel on the right, select the relevant gallery.
3. Click the gallery block you wish to edit.
4. At the top right of the image, click Edit to select a new image.
5. Click on a field to edit it.
6. In the bottom-right corner, click Apply.

Schedule the display of a gallery block

You can schedule when each gallery block appears on the homepage or group page for all members:

1. Access the page layout configuration panel:
   • For the homepage: In the left sidebar, click Homepage layout.
     • If Homepage layout doesn’t appear, click Configure page layout at the top right of your homepage.
   • For a group page: In the left sidebar, hover over a group and click Configure page layout.
     • If Configure page layout doesn’t appear, click on the group first, then click Configure page layout at the top right of the main section.
2. In the Configure page layout panel on the right, select the relevant gallery.
3. Click the gallery block you wish to schedule.
4. On the right side of Schedule display, switch the toggle to the on position.
5. Select a Start and/or an End date and time.
   • If you select only a Start date, the block will be displayed starting from the selected date.
   • If you select only an End date, the block appears immediately on the page and will be removed on the selected date.
   • If you select both a Start and an End date, the block will be shown on the page between the selected dates.
6. In the bottom-right corner, click Apply.

You can edit these dates at any time.

To deactivate the display schedule, switch the toggle to the off position in step 5. The homepage or group page will display the gallery block until you delete it or set a new display schedule.

Reorder gallery blocks

1. Access the page layout configuration panel:
   • For the homepage: In the left sidebar, click Homepage layout.
     • If Homepage layout doesn’t appear, click Configure page layout at the top right of your homepage.
   • For a group page: In the left sidebar, hover over a group and click Configure page layout.
     • If Configure page layout doesn’t appear, click on the group first, then click Configure page layout at the top right of the main section.
2. In the Configure page layout panel on the right, select the relevant gallery.
3. On the right of a block, click to drag and drop it up or down.
4. In the bottom-right corner, click Apply.

Delete a gallery block

1. Access the page layout configuration panel:
   • For the homepage: In the left sidebar, click Homepage layout.
     • If Homepage layout doesn’t appear, click Configure page layout at the top right of your homepage.
   • For a group page: In the left sidebar, hover over a group and click Configure page layout.
     • If Configure page layout doesn’t appear, click on the group first, then click Configure page layout at the top right of the main section.
2. In the Configure page layout panel on the right, select the relevant gallery.
3. Hover over the block and click Delete.
4. In the bottom-right corner, click Apply.

If you delete all the gallery blocks, the gallery section is hidden from the page.

Gallery image recommendations

Format

• JPEG, PNG, or GIF format.

Image dimensions

• 8:3 ratio (2.7)
• 800 x 300 pixels

Smaller images may appear blurry or pixelated. Bigger images may be cropped.

No matter which image size you use, try to keep the main focus of the image near the center, with ample space above, below, and to the sides of that focus, whenever possible.

Carousel vs gallery

Carousels and galleries allow you to showcase specific content on the homepage or group pages and redirect learners to internal or external URLs. Here are the basic differences between them:

• A carousel is a slideshow consisting of multiple slides.
  • Each slide can have an image, a title, a long description, and a hidden link or a button with a link.
  • The page displays 1 slide at a time. Learners can navigate the carousel using the arrows below each slide or pause the carousel to view content at their own pace. The carousel will also automatically switch to the next slide if not paused.
  • Carousels are ideal for conveying a message with a call to action.
• A gallery supports an unlimited number of blocks, displaying up to 3 blocks in a row. Additional blocks are automatically arranged into a new row.
  • Each block can have an image, a brief caption, and a hidden link.
  • The page displays all the blocks at the same time.
  • Galleries are ideal for categorizing content and improving the navigation experience inside and outside the platform.