Skip to main content

Search

We are excited to announce the launch of updated product names, logos, and headers within our user interfaces as part of the CivicPlus® Solution Rebranding initiative. These changes mark the first step toward creating a cohesive and seamless user experience across all solutions in our portfolio. As part of this transition, users may notice minor design updates. While the functionality you rely on remains unchanged, we are in the process of updating screenshots and other resources on our Help Centers to reflect the new branding. We appreciate your patience and understanding as we work to complete these updates.

Create a Slideshow Widget

  • Updated:

Who can use this feature?
System Administrator | Owner | Publisher | Author

 

Instructions

  1. Sign in to your site
  2. Navigate to your desired page and select the content you want to add
    The page icon labeled Content on the vertical menu on the left-hand edge of the page.
  3. Drag and drop the content onto your page
    The checkbox to the left of the content name, and the content dragged-and-dropped onto the page.
  4. Select Slideshow
    The format box labeled Slideshow under the Widget Format header.
  5. Expand the Content Appearance menu and configure the options
    The tab labeled Content Appearance, under the Next button in the Widget Format tab..
    • 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.
  6. Expand the Options menu and configure the options
    The Options tab, under the Next button in the Content Appearance tab.
    • 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 on a different page
    • Slideshow Options
      • Navigation:
        • Transition Automatically: Choose Auto or Manual
        • Slide Timing: Add a timing in seconds (for auto only)
        • Pause Button Location: Choose to have the pause button show on the right, left, or center of the player
        • 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. The Minimum and Maximum options are responsive.
  7. Click Save or Publish
    Select Save or Publish.

Comments

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

0 comments

Please sign in to leave a comment.