Banner Gallery

Overview: The Banner Gallery module allows images to appear on the top of a page. The
image will transition into the next image. Banner Gallery images can link to files within the
Document Exchange, email address, site pages and external websites. Note a minimum of
two Banner images must be operating at any time to allow for the transition process to be
effective. If not, a blank Banner will appear after the transition.
1. Click on the Home Page. A Banner Gallery module has been preloaded onto your MyHub
site Home Page. Should you wish to add a Banner Gallery module to another page
simply drag the module onto the page and into the appropriate pane.
2. Click Edit Page and then Edit This Page.

3. The page will enter edit mode. Click on the Edit Pencil and then New Item.

4. The Banner will need an image to be associated with every new item. Click on Library to
add an image or to select an image that has already been uploaded.

Copyright 2014 MyHub Intranet Solutions Limited

5. Click + Add New.

6. Add images by dragging them into the Add New Media Library box or to upload an
image from your computer click Or Click.

7. Ensure the image has been added. A green tick will appear.

Copyright 2014 MyHub Intranet Solutions Limited

8. Click Close.
9. The image will now appear in the library repeat this process to add additional images.

10. Click Gallery then + Add New then Set Picture.

11. Select the Image you want to appear in the Banner. Click Add Item.

Copyright 2014 MyHub Intranet Solutions Limited

12. The Image will now be added to the new Banner item.
13. Add a Title for your Banner.
14. Your Banner image can link to a file in the Document Exchange, email address, page
within your site or external website. Users will either hover over the image and then
click on the image to activate the link or you can add text with the text link embedded in
a sentence. In this example the Banner image will link to an external website. The same
process can be used to link to other resources. Click on the Hyperlink Manager icon.

Copyright 2014 MyHub Intranet Solutions Limited

The Hyperlink Manager box will appear with the following options:

15. Enter the destination website address in the URL box.

16. Enter the link text in the Link Text box.

17. Click OK.

The link text word (here) will now appear in the Text Editor. This link word will be
highlighted blue as it will act as the link to the website (or resource) when it is displayed on
the Banner.

Copyright 2014 MyHub Intranet Solutions Limited

18. Add additional words in the Text Editor to let the user know that there is a link and
where the link will take them. Note do not remove the link text word otherwise the
link will be broken. Add words before and/or after the link text word.

The above text will be now displayed on the Banner image.

19. Edit the optional Publish options. Note if these options are not edited the default
options will publish the Banner immediately.
20. Click Publish.
21. Repeat the process to add at least one more Banner to ensure the Banner transition
process works.
22. Click on the Banner Gallery arrow back icon to exit.

The Banner will now be displayed on the Home Page with the active link displayed.
Copyright 2014 MyHub Intranet Solutions Limited