Slideshow overlay model widget – use case

The company has a number of upcoming events. These are:

  • Networking session 
  • New office launch 
  • Upcoming open day

They would like to promote these events within the company as they would like as many staff members to attend as possible. The best way to communicate this information would be to promote this on the Intranet site. 

The Slideshow overlay model widget will allow the company to communicate this information effectively through the use of images and text, allowing this information to be displayed across the site in the form of a banner slideshow. 

I created the Slideshow Overlay model widget by:

  1. Navigating to the section that the widget will be displayed in
  2. Selecting ‘Edit’ and then ’Widgets’ 
  3. Selecting the ‘+’ (Add widget) option to open the Widget library
  4. Selecting the ‘Slideshow overlay modal’ widget
  5. From the ‘TITLE’ tab I ‘Override’ the existing title and add new title
  6. From the ‘DISPLAY’ tab, using the WYSIWYG options I:
    • Select a ‘Layout’ option 
    • Select an ‘Image’ size 
    • Select a background colour 
  7. From the ‘TARGET’ tab I: 
    • Select the ‘Everyone’ option 
  8. Select ‘ADD NEW STEP’ to add another slide – users can add up to 3 slideshows 

9. Once I am happy with the configuration, I select the ‘ADD’ option 

10. The following screenshot shows the created slideshow

When the user hovers over the widget then arrows will be displayed allowing the user to navigate through the slideshow