Widget Type - Rotating Image Banner

The Rotating Image Banner widget displays several banner images that will transition every few seconds. The widget is configured by setting the banner height to 25%, 50%, 75%, or 90% of the browser height, and adding each individual banner image.  Depending on the height configuration, optional fields can be added to the image which include a title, sub title, logo, and button link based on the selected theme's primary colour. The content is a static overlay on top of the rotating image and is configured per image.

Available in the following Content Blocks: Extra Large

Requirements: N/A

Configuration

Any field marked with a red asterisk (*) is required in order to save the widget. The same fields do not need to be entered for each image. Once all the applicable fields have been configured, click Save & Close to save the widget. Once an image has been added, hover over the existing image to Edit or Delete that image.

• Theme:* choose between 1 of 3 custom themes that have been applied to the website
• Banner Height: choose the height of the banner as it will appear on the page
  • 25% Banner Height: will only include the slide image and title due to the smaller image size
  • 50% Banner Height: will include slide image, title, teaser text and button
  • 75% and 90% Banner Height: will include all features
• Rotation Timing: Set the timer for image rotation (in milliseconds)
• Slide Transition: Select the transition effect from one image to next:
  • Options are Linear or Fade
• Add item: click to add a banner image
  • Slide Image: is the main rotating image; choose an image by clicking Select and choosing the image from the Media Libraries
  • Content Alignment: controls the alignment of the overlay content (logo, title, etc.); options include top, center and bottom
  • Title Only: will only display the title
    • Enabling this option will only display the title, which can be split into two lines and choose the font size
  • Logo: will display on the slide image; choose an image by clicking Select and choosing the image from the Media Libraries
  • Logo Size: will control the size of the logo; options include Small Logo, Medium Logo and Large Logo
  • Logo Alignment: select to align the logo on the banner image. Options are: Left, Center (default) or Right
  • Title: enter a title for the image
  • Title Alignment: select to align the title on the banner image. Options are: Left, Center (default) or Right
  • Teaser Text: enter a subtitle for the image
  • Show Button: checkmark the Show Button checkbox to turn on the button link that will display on the image banner; if enabled, there is the option of adding up to 3 button links
    • Button Text: enter the text that will display as the button link
    • Button URL: click Select and choose where the user will be directed to when they click on the link 
      • Web: if you want to link to an external site
      • Media Libraries: if you want to link to a PDF
      • Content Tree: if you want to link to an internal page; select the page on the Content Tree that you want to link to
  • Scroll down: checkmark the Scroll down checkbox to include a down arrow on the image that can be clicked on and will take the user to the next widget
  • Select: click Select to add the image to the widget, once all the fields have been configured accordingly