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.

Web cast presenters: Vesa Juvonen, Bert Jansen

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 http://doc.com/OfficeDevPnP.

Addition resources

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

• PnP Add-In Transformation Training Module 3: Controlling branding in SharePoint using add-in model
• Using Office 365 themes to provide branding elements in Office 365
• Applying and using custom SharePoint themes with add-in model
• Using alternate CSS for providing custom branding in SharePoint sites

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

• 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
• Branding.AlternateCSSAndSiteLogo - Shows how to use alternate CSS property to change the rendering logic at SharePoint sites
• Branding.SetThemeToSite - Console application to apply a custom theme to SharePoint sites at Office 365
• Provisioning.PublishingFeatures - Demonstrates how to control publishing features using CSOM, which is commonly required with portal deployments

If you have any feedback or comments related on this web cast, please use the Office 365 Developer Patterns and Practices Yammer group to provider your input. Thx for your interest advance.