This web part provides you the ability to add a variable height image banner with a linkable title.
- Place the page you want to add this web part to in edit mode.
- Search for and insert the Banner web part.
- Configure the web part to update its 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 |
See getting started from SP-Starter-Kit repository readme.
You can also download just the SharePoint Framework solution package (sppkg) file and install that to your tenant. This web part does not have external dependencies.
https://github.com/pnp/sp-starter-kit/tree/master/source/react-banner
- Clone this repository
- Move to Solution folder
- in the command line run:
npm installgulp serve
| Version | Date | Comments |
|---|---|---|
| 1.0 | May 2018 | Initial release |