Widgets


 





Slideshow Widget

Who can use this feature?

System_Admin.png Slash.png Owner.png

 

Overview

This article will show you the slideshow widget.

Instructions

  1. Navigate to the page you would like to add the Slideshow Widget to
  2. Turn on Live Edit
    live_edit_is_on.png
  3. Navigate to Widgets > Content > Slideshow
    widgets_content_slideshow.png
  4. Drag-and-drop the Slideshow Widget into your content area
    slideshow_widget_drag_and_drop.png
  5. A pop-up window will appear to add images
    slideshow_pop_up.png
  6. Select Add Images
    slideshow_add_images.png
  7. Check the boxes for the images you would like to add
    check_boxes_for_slideshow.png
  8. Select Insert Marked
    insert_marked_button.png
  9. Fill in the information for each image by selecting Advanced 
    advanced_slideshow.png
    advanced_slideshow_2.png
    • Title: Changes the image title
    • Caption: Changes the image caption
    • Link: Place a check in Link to display fields where you can paste a URL
      you want that image to link to
    • Display: If you want this image to only be displayed within a certain
      date range, enter those dates here
    • Remove: Removes the image from your slideshow
  10. Choose the Options Tab for more options
    slideshow_options_tab.png
    slideshow_options_tab_2.png
    • Slide Timing: The number of seconds each image will display
    • Transition: Images can either Fade from one to the next, or Slide to the next
    • Transition Timing: The number of seconds it takes for the fade or slide
    • Slide Title: Check to place a title on each slide
    • Slide Caption: Check to show captions with each image; selecting this will cause the Slide Overlay Option to appear
    • Slide Overlay: Displays the title and/or caption in an overlay on each slide
    • Caption Background: Display background for the overlay
    • Caption Location: Determines the location of the caption and overlay
    • Inset Caption: Insets the caption so that it’s not aligned to the border of the slideshow
    • Narrow Display Behavior: Determines how the slide will behave in the narrow view
    • Next/Previous Arrows: Display left and right navigation arrows
    • Arrow Color: Color of the arrow
    • Next/Previous Arrow Background: Displays circle background for arrows
    • Arrow Background Color: Determines color of arrow background color
    • Next/Previous Background – Displays vertical bar background for the slideshow arrows
    • Background Color: Determines color of arrow background
    • Pagination: Display pagination to navigate slides; selecting this causes the Pagination Style option to appear
    • Pagination Style: Use either Dots or Numbers for the pagination links
  11. Select Save Slideshow 
    save_slideshow.png



I'd Like to Request an Enhancement

0 out of 0 found this helpful

Updated:
Follow

Article Feedback