Posts

Showing posts from 2018

Sharepoint SPFx CRUD operations on Lists using Angular

Image
1) Introduction This article is going to describe how set up the Sharepoint online in Office 365 and do CRUD operations on a List using Angular. The source code for this is available at  https://github.com/shahimsadakath/spfx-crud-sample Let's get started. 2) Setting up the Sharepoint Online Account You can visit  Office 365 Developer program  and register yourself for free developer subscription for one whole year. Remember to select " Sharepoint " as one of the products you want to develop. Once you can registered you can use your credentials to login to Sharepoint development site in my case it is https://shadotnet.sharepoint.com. 3) Creating a List to perform CRUD operations 1. Click on settings icon on top right hand corner select "Add an app" 2. Select Custom List from the options 3. Give a name for your List. Remember this name will be used when we access the List from our SPFx webpart. 4. Then Click on...

Google Map in Sharepoint SPFx with Angular

Image
1) Introduction This article is going to describe how to set up S harepoint Framework (SPFx) Development with Angular using a template project created by Sahil Malik which is available at  https://github.com/maliksahil/SPFxAngularCLI I modified Sahil's work, integrated Google Map API and Goodzer API to an Angular Sharepoint SPFx web part. The modified code is available at  https://github.com/shahimsadakath/spfx-google-map-sample If you are new to Sharepoint SPFx and you haven't set up your development environment yet. My previous article at  http://shadotnet.blogspot.com/2018/05/starting-sharepoint-framework-spfx.html  will be useful. Let's get started. 2) Steps to integrate Goodzer API Register yourself at   https://developer.goodzer.com/signup/  and get a free API Key  I added a file named  app.settings.ts to store the API Key as shown below in src->app folder export class AppSettings {          ...

Starting Sharepoint Framework (SPFx) Development Environment in your PC

Image
1) Introduction This article is going to describe how to set up S harepoint Framework (SPFx) Development Environment locally in your PC . Before you start you must have a little bit knowledge or understanding of following technologies/tools, Sharepoint 2016 or greater (Which supports  SPFx) Node.js Npm Typescript Visual Studio Code 2) What is Sharepoint Framework (SPFx) The SharePoint Framework (SPFx) is a page and web part model that provides full support for client-side SharePoint development, easy integration with SharePoint data, and support for open source tooling. With the SharePoint Framework, you can use modern web technologies and tools in your preferred development environment to build productive experiences and apps that are responsive and mobile-ready from day one. The SharePoint Framework works for SharePoint Online and soon also for on-premises (SharePoint 2016 Feature Pack 2) 3) Why we should use Sharepoint Framework? As I personally bel...