Skip to content

Latest commit

 

History

History
 
 

react-banner

README.md

Banner web part

This web part provides you the ability to add a variable height image banner with a linkable title.

Bannner

Used SharePoint Framework Version

drop

  • Supported with SharePoint 2019

Applies to

Prerequisites

none

Solution

Solution Author(s)
./src/webparts/banner Elio Struyf @eliostruyf
./source/react-banner Eric Overfield @ericoverfield

Version history

Version Date Comments
1.0 May 2018 Initial release
2.0 November 30, 2019 SP2019 and SPO compatible

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.

How to use this web part on your web pages

  1. Place the page you want to add this web part to in edit mode.
  2. Search for and insert the Banner web part.
  3. Configure the web part to update its properties.

Configurable Properties

The Banner webpart can be configured with the following properties:

Label Property Type Required Description
Overlay image text bannerText string no The text message or title you want displayed on the banner image
Image URL bannerImage string no The url of the banner image
Link URL bannerLink string no The hyperlink url of the bannerText link
Banner height bannerHeight number no Provides the fixed height of the banner image
Enable parallax effect useParallax toggle no Enable if you want to include parallax effect on vertical scrolling

Minimal Path to Awesome

  • Clone this repository
  • in the command line run:
    • npm install
    • gulp serve

Include any additional steps as needed.

Features

Description of the web part with possible additional details than in short summary. This Web Part illustrates the following concepts on top of the SharePoint Framework:

  • topic 1
  • topic 2
  • topic 3