In this post, I will show you how to use AngularJS in SPFx. I have divided the steps for better understanding.Here are the steps: 1. Create SPFx Project with No JavaScript Web Framework 2. Add Dev Dependencies 3. Remove some Dependencies 4. Run “npm install” 5. Modify “config.json” 6. Create folder called “app” under “/src/webparts/angularjsWebpart/”… READ MORE
In my previous posts, I have written quite a few times about SharePoint Framework service scopes (I will add links at the end of the article). In short, Service Scopes are the SPFx implementation of the Service Locator pattern i.e. a single shared “dictionary” where services (either oob SPFx or custom) are registered and can be consumed… READ MORE
Introduction Microsoft has an awesome web site called SharePoint Design. It provides design guidance on beautiful and fast sites, pages, and web parts with SharePoint in Office 365. However, it does not tell you how to create those beautiful web parts. This blog series is intended as a companion to the SharePoint Design site. It provides… READ MORE
Introduction The SharePoint Design is a beautiful web site that provides design guidance on beautiful and fast sites, pages, and web parts with SharePoint in Office 365. Unfortunately, the SharePoint Design site does not tell you how to create the beautiful web parts they show you. This series is intended as a companion to the SharePoint Design site, providing you… READ MORE
Introduction The SharePoint Design is a beautiful web site that provides design guidance on beautiful and fast sites, pages, and web parts with SharePoint in Office 365. Unfortunately, the SharePoint Design site does not tell you how to create the beautiful web parts they show you. This series is intended as a companion to the SharePoint Design site, providing you… READ MORE
Introduction The SharePoint Design is a beautiful web site that provides design guidance on beautiful and fast sites, pages, and web parts with SharePoint in Office 365. Unfortunately, the SharePoint Design site does not tell you how to create the beautiful web parts they show you. This series is intended as a companion to the SharePoint Design site, providing you… READ MORE
Overview SharePoint Framework (SPFx) client side web parts are lightweight in nature. They can be developed using open source tools such as Node.JS, NPM, Yeoman generators and can be opened in code editors of our choice (Visual Studio Code, Atom, Webstorm). Node Package Manager (NPM) helps to install modules and its dependencies. Yeoman generator carries… READ MORE
Community Reporter Nicole Enders interviews Vesa Juvonen, Senior Program Manager, OneDrive – SharePoint Engineering. Video Transcript Nicole: Okay welcome to the ESPC 2019 we are sitting here at the community reporter booth I have Vesa here as my interviewee. Vesa: Thank You for having me. Nicole: You’re a principle program manager at Microsoft so for… READ MORE
I have written about this topic in the past but with the recent increase in SharePoint Framework adoption and with more features becoming available (e.g. MSGraphClient, AadHttpClient), I felt it would be a good time to revisit this. With SPFx solutions getting more complex day by day and with lots of components to manage, passing… READ MORE
This post is based on the question in sp-dev-docs repo. The question is how can we render a Google Charts in SPFx web part. Actually, it’s pretty easy thing to do. As a starting point I’ll be using the code provided in the question I mentioned above: <script type=”text/javascript” src=”https://www.gstatic.com/charts/loader.js”></script> <script type=”text/javascript”> google.charts.load(“current”, {packages:[“corechart”]}); google.charts.setOnLoadCallback(drawChart); function drawChart()… READ MORE
