As Developer Team Lead at BrightStarr, the recent announcement of the SharePoint Framework Extensions got me really excited.The new modern sites experience in SharePoint Online is great, and the development model for the new framework a step in the right direction in terms of modern web development. However, the current customization options for modern sites are very limited compared to what we can do when we build responsive intranet solutions for our clients using publishing site collections (for example).
I had a client recently who was very keen to use the new modern sites as the basis of their intranet solution. When I explained the limitations of the
The client I speak of is almost ready for go-live, but as we developed their customizations in React & TypeScript, what we’ve built for their current intranet solution can be easily ported to the new modern site experience.
To test this, I kicked off the Yeoman SharePoint Generator and picked the new App Extension option:
Firstly, I imported my top navigation React component from the publishing site collection into my SPFramework solution. I then amended the
When running the solution locally, a
The outcome can be seen below:
Top browser: publishing site
Bottom browser: modern team site
In the top browser, we have the blue custom responsive navigation in a publishing site collection. This also has a custom theme applied to the site, hence the green Office365 Suite Bar. The bottom browser overlapping it is a modern team site with the same React
See the Office developer documents for getting started with writing your own SharePoint Framework Extensions.
The next announcement I’ll be looking out for will be the release of Communication Sites (currently set for Q2 of 2017) with the ability to pick section layouts in the modern site experience.
If you want to know more about the work we do to customize SharePoint, talk to our application development team today.