Compatibility

Applies to

Solution

Solution	Author(s)
page-sections-navigation	Alex Terentiev (MVP, Sharepointalist Inc., AJIXuMuK, @alexaterentiev)

Version history

Version	Date	Comments
1.0	February 27, 2019	Initial release
1.1	March 22, 2019	Update to SPFx 1.8, additional theme, comments

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.

Minimal Path to Awesome

clone this repo
move to right folder
in the command line run:
- npm install
- gulp bundle --ship
- gulp package-solution --ship
from the sharepoint/solution folder, deploy the .sppkg file to the App catalog in your tenant
in the site where you want to test this solution
- add the app named page-sections-navigation-client-side-solution
- edit a page
- add Page Sections Navigation web part
- add as much Page Sections Navigation Anchor web parts as you want - each anchor adds an item to the navigation
- configure web parts

Features

This sample illustrates how to use SharePoint Framework Dynamic Data features to connect web parts on the page. It also can be used as ready-to-go solution to add page sections navigation to SharePoint pages.

Custom CSS

The web parts in the sample allow to use custom CSS to override the styles. You can set Custom CSS URL property of Page Sections Navigation web part and include css classes for both Navigation and Anchor in referenced file. Please, refer custom css sample for the CSS sample.

3.0 KiB Raw Blame History

Page Sections Navigation