Overview
The Bright Banner App featuring beautiful and easy to use slider with a nice multiple transitions. The thumbnails and buttons provide easy navigation of banners slides. This HTML banner built to be responsive and configurable through the app part properties.
Features
- Touch-friendly navigation for slider and thumbnails.
- 16 Beautiful Transition Effects.
- Able to load puffed up number of images, each with customizable description and hyperlink.
- Show or hide slides by use active/inactive feature.
- Responsive Size of slides and thumbnails can be dynamically changed.
- Works with all SharePoint sites types, including office 365 public websites.
Add banner to SharePoint pages
There is two ways to add the Bright Banner to SharePoint page:
Add banner using App Part
- Go to Settings > Edit page.
- Click in the location on the page where you want to add the App Part.
- On the Insert tab of the ribbon, click App Part.
- Under Parts, click Bright Banner Part and then click Add.
- Save and Publish the page.
Adding the Bright Banner using app part functionality have some disadvantages:
- You will not be able to change the part size
- You will not be able to use Thumbnails & Theme Style features
Add banner using embed IFrame
By using embed IFrame you can get all Bright Banner features and you can add the banner to all sites and subsite without installing the app to these sub sites.
- Go to Bright Banner app default page.
- Click on Preview and Embed button (you can access the page from here).
- Change the banner settings to be fit with your site.
- Copy the embed code.
- Go to the page that you want to add the banner to it, then go to Settings > Edit page.
- Click in the location on the page where you want to add the embed IFrame.
- On the Insert tab of the ribbon, click Embed Code.
- Past the code to text editor, click insert button.
- Save and Publish the page
Note: sometime when use Embed Code in Office 365 public site page and after save the page, SharePoint delete some attributes from IFrame tag rather than Embed Code.
Manage banner slides
- Go to Bright Banner app default page.
- To add, edit or remove slides, Click on Banner Slides List button (you can access the list from here).
- For each banner slide, you can fill the following fields:
- URL: navigation link
- Notes: description under the slide image
- Image: slide image (recommendation size: 618w * 246h)
- Active : Show or hide slide
- Back to app default page, then publish the banner content.