Category: SharePoint Framework

How to Use AngularJS in SharePoint Framework (SPFx)
How to Use AngularJS in SharePoint Framework (SPFx)
Blog Posts

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

SharePoint Framework Design Series: Layout Patterns — Part III
SharePoint Framework Design Series: Layout Patterns — Part III
Blog Posts

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

SharePoint Framework Design Series: Layout Patterns — Part II
SharePoint Framework Design Series: Layout Patterns — Part II
Blog Posts

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

SharePoint Framework Design Series: Layout Patterns — Part I
SharePoint Framework Design Series: Layout Patterns — Part I
Blog Posts

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

SharePoint Framework (SPFx) - Understand the Solution Structure
SharePoint Framework (SPFx) – Understand the Solution Structure
Blog Posts

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

Nicole Enders interviews Vesa Juvonen
Nicole Enders interviews Vesa Juvonen
Blog Posts

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

Service Locator pattern in SPFx: Using Service Scopes
Service Locator pattern in SPFx: Using Service Scopes
Blog Posts

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

Add Google Charts into SharePoint Framework Web Part
Add Google Charts into SharePoint Framework Web Part
Blog Posts

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