SharePoint Add-ins

Office Dev PnP Web Cast – Branding SharePoint using add-in model techniques

In this PnP Web Cast we concentrated on covering different recommendations around applying custom branding to SharePoint sites using add-in/app model techniques. This is relatively classic discussion and we have been covering this in the PnP guidance and in seminar presentations numerous times during past year(s).

Presentation covers the different recommendations and options for using custom branding in SharePoint sites at Office 365 or in on-premises. One of the most controversial recommendations is around on custom master page usage, which is absolutely supported, but should not be considered as the default option when custom branding is needed. This is one of the key discussion topics in the video with background reasoning. Key point is to understand options what you can use, including short and long term impact of the chosen model.

This topic is also covered in module 3 of PnP transformation training titled as “Controlling branding in SharePoint using add-in model”.

Video demonstrates two different code samples from the PnP sample gallery, which demonstrate different aspects on applying custom branding to SharePoint sites using add-in/app model techniques.

  • Branding.Themes – Setting a SharePoint theme to SharePoint sites using add-in model techniques
  • Branding.InjectResponsiveCSS – How to update SharePoint sites to be responsive without a need to modify the master page. Notice that like mentioned during the video, there’s more polished version of the responsive css available at the PnP Partner Pack, which you can also use at your deployments.

Presentation used in this web cast is available from

Additional resources

See following PnP videos for covering branding with add-in model topics.

See following samples from the PnP library for additional reference around the covered topics.

What is Office 365 Developer Patterns and Practices (PnP) web cast series? Office 365 Developer Patterns and Practices

Office 365 Developer Patterns and Practices (PnP) web cast series cover different patterns, practices and topics around development with Office 365 and SharePoint. Majority of the topics are valid for the Office 365 and SharePoint on-premises. Our objective is to release new around 30-45 minute long web cast each Monday with few slides and live demo on the covered topic. All web casts are published at the PnP Channel 9 video blog with additional references on the existing materials.

PnP is community driven open source project where Microsoft and external community members are sharing their learning’s around implementation practices for Office 365 and SharePoint on-premises (add-in model). Active development and contributions happen our GitHub project under Dev branch and each month there will be a master merge (monthly release) with more comprehensive testing and communications. Latest activities and future plans are covered in our monthly community calls which are open for anyone from the community. Download invite from

This is work done by the community for the community without any actual full time people. It’s been great to find both internal and external people who are willing to assist and share their learning’s for the benefit of others. This way we can build on the common knowledge of us all. Currently program is facilitated by Microsoft, but already at this point we have multiple community members as part of the Core team and we are looking to extend the Core team with more community members.

If you have any questions, comments or feedback around PnP program or this blog post, please use the PnP Yammer group at

“Sharing is caring”

Vesa Juvonen, Senior Program Manager, Office 365, Microsoft