Summary
The banner widget allows you to create a page banner to display images, text and links
Steps
- Create or navigate to the relevant page or section
- From the page or section, locate and select the ‘EDIT’ option then
select ‘Widgets’ - 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
- From the Widget library select ‘Design’ then ‘Banner’
- 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
Banner widget image and text display settings
References
N/A