Skip to main content
Pepperdine | Community

Gallery Asset and Widget



Assets allow for the creation and use of reusable content such as text, images, media, code blocks, managed forms, image galleries, polls, and more. The creation and management of assets is integrated into the permission system and administrators can restrict the editing of assets through group access.

The gallery asset and widget are used together to create slideshows, photo galleries, and single and standard carousels.

Slideshows display images with optional accompanying titles, captions, and/or links layered over the image. It is best to keep titles and captions as brief as possible to focus on the impact of the images. There are options to auto-play the slideshow and each slideshow is touch compatible with swiping gestures and non-touch devices have previous/next and play/pause buttons.

Single and standard carousels display images with accompanying titles, captions, and/or links. A single carousel shows one item at a time and contains previous and next buttons. A standard carousel shows up to three items at a time along with previous and next buttons for more content. Users manually scroll or swipe through the items.



Recommended Sizes

  • Full: 1120 x 525 pixels (for one-column layout)
  • Full: 886 x 415 pixels (for two-column layout)
  • Two-thirds: 740 x 370 pixels
  • Half: 550 x 355 pixels

Note: All images within a slideshow or carousel need to be sized the same; any differences can cause the feature to shift.



Gallery Widget Samples



Creating & Editing a Gallery Asset

Instructions (Gallery Asset)

  1. If you are not logged on, see How to Log On to Modern Campus CMS.
  2. Hover over the Content tab.
  3. Select Assets.
  4. Click the New button.
  5. Click the Image Gallery button.
  6. Enter the Asset Name.
  7. Enter a Description for the asset.
  8. Enter one or more Tags for the asset.
    Note: Useful tags include the type, purpose, department and/or school.
  9. There is no need to click the lock to site as all gallery assets are only available within the site that it is placed.
  10. Change the Access Group to one in which you belong.
    Note: The Access Group determines who may edit the asset.
  11. Optional: Change the Available To drop-down group from Everyone to a specific group.
  12. There is no need to change any of the Gallery Options as they are not used.
  13. Click the Create button.
  14. Drag and drop a number of images from your computer to the images area.
    Note: All of the images should already be optimized for the web.
  15. Images can be reordered by dragging them to different places.
  16. Remove or replace the New Image Gallery phrase in the Title field.
  17. Enter a description.
    Note: This is required for compliance and is used for those with visual disabilities.

  18. Optional: Enter a Caption.

  19. Optional: Enter a fully qualified URL.
    Example:; NOT

  20. Click the Save button.

  21. Publish the asset.

Review and Edit

  • To edit, check-out the asset and go to the Edit button.
  • Save and Publish.

Creating & Editing a Gallery Widget

Instructions (Gallery Widget)

  1. If you are not logged on, see How to Log On to Modern Campus CMS.
  2. Click the Content tab.
  3. Click the New button.
  4. Click the Gallery Widget.
    Note: You do not need to be in the widgets folder as all widgets will be created in each department's widgets folder.
  5. Optional: Give your widget a heading text.
    Note: This will appear above the content area of the widget.
  6. Optional: Choose a heading size for the heading text.
  7. Optional: Type in or browse to a URL for the heading text.
  8. Choose the Gallery Type of Carousel or Slideshow.
  9. In the Select Asset area browse for an existing asset file where the images and content were created.
    Optional: You can create a gallery widget from an RSS feed.
  10. For RSS, leave the Select Asset area empty and enter the full URL of the RSS feed including either http:// or feed://.
  11. For RSS select the Number of RSS Items.
  12. For RSS select whether to display the RSS Item Titles, Descriptions, and Dates.
  13. For all, select whether to Autoplay and Loop.
  14. Select the Delay timing in seconds between image rotations.
  15. Give your widget a filename.
    Note: It is highly recommended to begin the name of the widget with its type followed by the purpose of the widget with hyphens in between. Do not enter a file extension.
  16. Click the Create button.
  17. Publish the widget.
    (See Basic Steps to Publish Content.)

Review and Edit

  • To edit the Gallery widget, check-out the widget and go to the Properties Button.
  • Save and Publish.