Skip to main content
Pepperdine | Community

Gallery Asset and Widget

 

Description

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

Slideshow

  • swimmer
    Pepperdine Swim Team
  • faculty
    Faculty mentoring

    Faculty mentoring

  • student traveling abroad
    Student Abroad

    Traveling with International Programs

  • Pepperdine campus vista
    Malibu Campus

    Malibu Campus

  • students on the beach at sunset
    Beach Convo

    Beach Convo

Carousel - Standard

Pepperdine sign
Jaclyn Margolis Discusses the Benefits of Social Comparisons in Psychology Today

09/30/2021

Cristel Russell profile
Cristel Russell Reminds Audiences to Be Savvy When it Comes to Corporate "Purpose-Washing"

09/30/2021

Craig Everett teaching
Craig Everett Discusses Private Capital Markets in Comprehensive Story in Institutional Investor

09/24/2021

Pepperdine campus entrance
Advisor Magazine Posts 2021 Pepperdine Private Capital Markets Report Summary

09/24/2021

Carousel - Single

Buenos Aires, Argentina
Buenos Aires, Argentina

Live with Argentine families and get immersed in Latin culture. Do you know how to Tango? This is where it all started.

Florence, Italy
Florence, Italy

Step outside the Pepperdine house, turn left, and go see Michelangelo's David. Where's the best food in the world? Italy of course!

Heidelberg, Germany
Heidelberg, Germany

Live in a beautiful mansion, right down the street from a castle. What German city did Mark Twain fall in love with? You guessed it!

Lausanne, Switzerland
Lausanne, Switzerland

Each morning you'll wake up, open your window, and there are the Alps. Where's the best place for outdoor sports? Ask the Swiss.

London, United Kingdom
London, United Kingdom

Seconds from Hyde Park, minutes to Piccadilly Circus, Pepperdine is right downtown. Where's great theatre? No doubt, London!

Shanghai, China
Shanghai, China

From Ming to Mao to Modern, this city has it all! What country must you know about, more than any other? The world's biggest – China!

Washington DC
Washington DC

Where can you be minutes from the Nation's great monuments, international organizations, and government officials? You guessed it, Washington D.C.!

Summer Programs
Summer Programs

Students have the opportunity to study abroad and intern at our international facilities and in other specialized locations.

 

 

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: https://www.pepperdine.edu; NOT www.pepperdine.edu

  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.