Adding a banner widget

Summary

The banner widget allows you to create a page banner to display images, text and links

 

Steps

  1. Create or navigate to the relevant page or section 
  2. From the page or section, locate and select the ‘EDIT’ option then
    select ‘Widgets’
  3. You will be directed to the ‘Edit Content or Edit Section’ screen. Identify the region to add the banner widget to and select ‘+’ (‘Add widget) option
  4. From the Widget library select ‘Design’ then ‘Banner’
  5. You will be directed to ‘Banner widget settings’. There are 3 tabs to choose from, depending on how you would like to add an image to the banner:
    • ‘Layout’ tab – Upload an image 
    • ‘Files’ tab – Add an image which has already been uploaded to the site 
    • ‘My files’ tab – Select from images you have already uploaded to the site

‘Layout’ tab

6. From the ‘LAYOUT’ tab, select the camera icon to add an image

7. You will be directed to the ‘Add file’ screen. From the ‘UPLOAD’ tab select ‘UPLOAD FILE’

8. Select an  image and then select ‘Open’ 

9. You will be directed back to the ‘Add file’ screen, provide:

    • ‘Name’ for the image 
    • Description for the image
    • Title text which will be used in the tool tip

‘FILES’ tab

10. From the ‘FILES’tab you can search for and add files that have already been uploaded to the site. To search for an image, use the filters by:

    • Typing the file name in ‘Search files’
    • Selecting the ‘File type’
    • Selecting the ‘Section’ 
    • Selecting the ‘My section’ option

11. Sort by:

    • Upload date
    • Use count

12. Order:

    • Ascending 
    • Descending 

13. Then select ‘APPLY’. The search results will now be displayed 

14. Select an image from the search results displayed 

‘MY FILES’ tab

15. From the  ‘Add file’ screen select the ‘MY FILES’ tab. From here you can search for and add files that you have already  uploaded to the site 

15. Sort by:

    • Upload date
    • Use count

16. Order:

    • Ascending 
    • Descending

17. Then select ‘APPLY’. The search results will now be displayed 

18. Select an image from the search results displayed 

19. Once you have added the image and configured it select ‘SAVE’ to save your changes or ‘CANCEL’

20. You will be navigated to the ‘Edit Page’ for Banner. When you click into the ‘Title’ area, the WYSIWYG toolbar opens, enabling you to add and style your banner text

21. Create Layout

22. Add Links 

23. Target the banner

24. Once you have configured your banner, select ‘ADD’ (or select ‘BACK’ if you would not like to save your changes)

 

Expected results

The section banner widget will be displayed 

 

Roles/permissions

Section managers

 

Next steps

Configuring layout

Adding links

Targeting users

Banner widget image and text display settings

 

References 

N/A