PnP Web Cast - Introducing Widget Wrangler for SharePoint development

Play PnP Web Cast - Introducing Widget Wrangler for SharePoint development
Sign in to queue


In this PnP Web Cast we concentrated on one great contributions from the community called Widget Wrangler. Widget Wrangler is a JavaScript library which will help to implement embedded JavaScript functionalities in both SharePoint Online and in SharePoint on-premises. Widget Wrangler has been developed by Julie Turner and Bob German from BlueMetal

Conceptually Widget Wrangler implementation is based on similar thinking as PnP App Script Part implementation, which was released few years back as part of the PnP patterns (or at the time it was call App Model Samples). Advantages of this model is that you do not have deal with iFrame implementations and functionalities can be fully responsive, where needed. Also implementation of the capabilities is much simpler when your JavaScript is directly embedded to the page rendering logic without additional complexity.  

In demo section Bob is showing following topics

  • How to use Widget Wrangler with plan JavaScript?
  • How to use Widget Wrangler with jQuery?
  • How to use Widget Wrangler with KnockoutJS?
  • How to use Widget Wrangler with Angular?
  • How does Widget Wrangler handle multiple instances of same widget in the SharePoint Pages?

Web cast presenters: Bob German, Julie Turner and Vesa Juvonen

Bob and Julie work for the BlueMetal company and they both have been active on sharing their learning's for the community around SharePoint development and Office 365 practices. 

BlueMetal - An Insight Company

Presentation used in this web cast is available from

Addition resources

See following PnP videos for covering JavaScript embedding pattern

Here's different demonstrations using the Widget Wrangler in practice. These could be just as well embedded to the SharePoint. These demos are running outside of the SharePoint context to provide simplicity for them.

See following resources for additional information around Widget Wrangler and demonstrated topics.

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.

Generic Episode Image



Right click to download this episode

The Discussion

Add Your 2 Cents