Skip to main content

Search

Create a Slideshow Widget

Jackson Wright
  • Updated

Who can use this feature?

system admin Slash Owner Slash Publisher Slash Author

 

Overview

This article will show you how to create a Slideshow widget. This widget format allows you to display a slideshow of assets on your page.

 

New UI Instructions

 

Instructions

  1. Click Try New UI
    Click Try New UI
  2. Navigate to your desired page
  3. Select the content you want to add
    Select the Content
  4. Drag and drop the content onto your page
    Drag and Drop the Content onto the page
  5. Select Slideshow
    Select the Slideshow Widget
  6. Expand the Content Appearance menu and configure the options
    Expand the Content Appearance Menu
    • Widget Skin: Select a widget design skin
    • Limit the size of descriptions: Limit the size of the content description
    • Content Type: Select the type of content
      • Activities
      • Agendas & Minutes
      • Alerts
      • Animal
      • Article
      • Bid Posting
    • Slideshow Format
    • Show Labels: Check the box to show the labels for each section
      • Title
      • Secondary
      • Body
    • Hide Loading Placeholders: Do not display placeholder items while the widget is loading.
  7. Expand the Options menu and configure the options
    Expand the Options Menu
    • Header: Add header text
    • See More
      • Link Title to Item Details
      • Include a See More link below the item: Displays all content for a given item. Links will only appear if more content is available to view
      • Customize Text: Add custom text to the slideshow
      • Open See More Link: Select how the See More information should display
      • Open In a DIfferent Page: Mark to open the link in a different page
    • Slideshow Options
      • Navigation:
        • Transition Automatically: Choose Auto or Manual
        • Slide Timing: Add a timing in seconds (for auto only)
        • Randomize: Display slides in random order
        • Include Dots for Navigation: Display dots for pagination links
      • Transitions:
        • Transition Style: Choose Fade or Slide
        • Direction (Slide only): Choose a horizontal or vertical slide
        • Transition Timing: Add a timing in seconds
        • Easing: Easing helps manage the feel of the transition by altering the speed of change at different points across its duration
      • Advanced:
        • Add dimensions in pixels for Min-Height, Min-Width, Max-Height, Max-Width, and the Breakpoint
          • Breakpoint: Width at which the widget will switch from narrow to wide view
          • Note: The Minimum and Maximum options are responsive.
  8. Click Save or Publish
    Select Save or Publish

 

Old UI Instructions

 

Instructions

  1. Navigate to your desired page
  2. Ensure that Live Edit Is On
    Ensure that Live Edit is ON
  3. Click the checkboxes next to the Assets you want to add to the list
    Select the Content
  4. Drag and drop the assets that you want to include in the slideshow to your page
    Drag and Drop the Content onto the page
    • Note: If all of your desired assets are checked, you only have to drag and drop one of the assets, the rest will automatically follow.
  5. Select the Slideshow widget format
    Select Slideshow
  6. Configure the rest of your Content Options
    • Automatically select relevant content: Auto-populate your widget
    • Widget Items: View assets currently within your widget
    • See More: Include a See More link below the item
      • Customize Text: Change the See More link text
    • Slideshow Options:
      • Header: Add header text
      • Navigation:
        • Transition Automatically: Choose Auto or Manual
        • Slide Timing: Add a timing in seconds (for auto only)
        • Randomize: Display slides in random order
        • Include Dots for Navigation: Display dots for pagination links
      • Transitions:
        • Transition Style: Choose Fade or Slide
        • Direction (Slide only): Choose a horizontal or vertical slide
        • Transition Timing: Add a timing in seconds
        • Easing: Easing helps manage the feel of the transition by altering the speed of change at different points across its duration
      • Advanced:
        • Add dimensions in pixels for Min-Height, Min-Width, Max-Height, Max-Width, and the Breakpoint
          • Breakpoint: Width at which the widget will switch from narrow to wide view
          • Note: The Minimum and Maximum options are responsive.
  7. Click Save at the top of the page
    Click Save

Comments

Let us know what was helpful or not helpful about the article.

0 comments

Please sign in to leave a comment.