This application customizer provides you the ability to include a footer designed for normal and group associated teams sites. The footer includes sets of links configured using the tenant wide deployment list at the app catalog. A second set of links are personalized links, unqiue to each user, stored within each user's user profile within a user profile property. If this property does not exist in the user profile service, this capability will be hidden.
Screenshot is from the v1 version, which worked using taxonomy term set (updated when v2 avaialble). Taxonomy dependency is removed from the v2 implementation.
Details on v1 implementation at https://github.com/SharePoint/sp-starter-kit/blob/master/documentation/components/ext-collab-footer.md
In v2 release repackaged as it's own solution to provide more flexibility from deployment perspective.
- Supported with SharePoint 2019
The shared links are retrieved from a term set called PnP-CollabFooter-SharedLinks. This termset's intended use must be set for to be used for site navigation. The url is set in the terms property "simple link or header". The termset is created when applying the pnp tenant template found in the instructrions. The xml used to provision the termset can be found here.
Personalized links only works if a custom property called PnP-CollabFooter-MyLinks has been added on the user profile service. This is string based property with maximum lenght. As there's no APIs to automate the property creation to the user profile service, this property will need to be manually created to enable the personalized links capability. Instructions to set up the custom property can be found here.
Both property names can be changed in the SPFx extension properties.
| Solution | Author(s) |
|---|---|
| react-application-collab-footer | Paolo Pialorsi |
| react-application-collab-footer | David Opdendries |
| Version | Date | Comments |
|---|---|---|
| 1.0 | May 9, 2018 | Initial release |
| 2.0 | January 1, 2020 | Initial release for SharePoint Starter Kit v2 |
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.
- Clone this repository
- Move to correct folder where solution exists
- in the command line run:
npm installgulp serve
Key features demostrated by this solution:
- PnPjs usage in the solution
- Dynamic creation of the list if it's missing