Multi-factor Authentication (MFA) with CSOM

OfficeDevPnP.Core.AuthenticationManager is part of the PnP Core Library available here: https://www.nuget.org/packages/SharePointPnPCoreOnline

var authManager = new AuthenticationManager();
var ctx = authManager.GetWebLoginClientContext("https://contoso.sharepoint.com/");
Web web = ctx.Web;
User user = web.CurrentUser;
ctx.Load(web);
ctx.Load(user);
ctx.ExecuteQuery();

Read More

C# 6.0 New Features

C# 6.0 New Features -

1. Auto Property Initializer
2. Primary Consturctors
3. Dictionary Initializer
4. Declaration Expressions
5. Static Using
6. await inside catch block
7. Exception Filters
8. Conditional Access Operator to check NULL Values

References -

• https://www.codeproject.com/articles/874205/new-features-in-csharp
• https://www.simple-talk.com/dotnet/net-framework/whats-new-in-c-6/
• http://www.c-sharpcorner.com/UploadFile/8ef97c/full-C-Sharp-6-0-in-single-article-on-visual-studio-2015-preview/
• http://www.c-sharpcorner.com/article/getting-started-with-c-sharp-6-0-new-features/
• http://www.developer.com/net/csharp/slideshows/top-10-csharp-6.0-language-features.html

Read More

SharePoint Framework (SPFx) Resources

Microsoft SharePoint Framework Resources - 

• Overview of the SharePoint Framework
• SharePoint Framework development tools and libraries
• Design Considerations for SharePoint Client-Side Webparts
• SharePoint Framework API

Code Examples - 

• MicrosoftSharePoint Framework Code Examples 
• SharePoint Framework Webpart with Angular
• Building dll-code in SharePoint Framework
• Specifying icon for SharePoint Framework Webpart

Videos - 

• Building Angular SharePoint Webpart 

Read More

SharePoint Framework - App File (.sppkg) Upload not working

Issue - On upload of app (.sppkg) file, App package not getting valid. On uploading, it is expected to SharePoint will display a dialog and ask you to trust the client-side solution to deploy.

However, popup is not coming. Also, Product ID is also blank

Reason - Your Tenant is not a Developer Tenant. SharePoint Framework is not available in production environment, so the only way you have to test it, is using a dev tenant. 

Resolution -

1. Follow the steps to create a new Office 365 Developer Tenant - https://dev.office.com/sharepoint/docs/spfx/set-up-your-developer-tenant

2. Convert existing tenant to Developer Tenant -  Make sure you have First Release options enabled.

After updating First Release settings, it may take a while to update the settings. Once updated, your tenancy would have SharePoint Framework Release enabled and App Packages will function as required.

Read More

SharePoint Framework Tutorials - YouTube Playlist

Microsoft team has published Youtube Playlist for SharePoint Framework Tutorials -  

1. Setting up your development environment

2. Hello Webpart

3. HelloWorld, Talking to SharePoint

4. HelloWorld, Serving in SharePoint Page

5. HelloWorld, Deploy to CDN

6. jQueryUI Accordion WebPart

7. Using Office UI Fabric Components

Read More

SharePoint Framework Yeoman template broken by TypeScript 2.1 definition

Building SharePoint Framework new project using gulp serve, gives errors for TypeScript building the project.

Issue - SPFx broken by Typescript 2.1 extensions

Resolution - npm install @types/lodash@4.14.50

Read More

SharePoint Framework - Starting a new project

1. Setup your development environment based on the steps defined at https://dev.office.com/sharepoint/docs/spfx/set-up-your-development-environment

2. At command prompt use following command - 

yo @microsoft/sharepoint

3. Install the developer certificate for use with SPFx development, switch to your console, make sure you are still in your project directory and enter the following command:

gulp trust-dev-cert

4. Enter the following command in the console to build and preview your web part:

gulp serve

Read More

Ionic 2 - Visual Code - Extensions

When beginning development with Ionic in Visual Code, following extensions would save lot of effort and time -

https://marketplace.visualstudio.com/items?itemName=Thavarajan.ionic2
https://marketplace.visualstudio.com/items?itemName=justinjames.ionic1-snippets

Read More

Ionic2 - New Project - Error - no such file or directory, open '..\index.html'

After creating a new ionic 2 project, serving project for first time, gives error 

 Error - no such file or directory, open '..\index.html'

Resolution - 

- CLI version should be 2.1.0 not beta. If you run ionic -v and have anything other than 2.1.0, run:

npm uninstall -g ionic
npm install -g ionic

Read More

Visual Studio Ionic 2 - Error (DEP10402) : Could not locate the start page. You may need to build your project.

On creating new Ionic 2 project templates with Visual Studio 2015, build is failing with the Error  (DEP10402) : Could not locate the start page. You may need to build your project.

Reason - There is no files in www folder by the build.

Resolution -

Update your ionic app scripts to the latest version. It is 1.0.0 for RC5 release.

npm install @ionic/app-scripts@latest --save-dev

Update your package.json to match the following dependencies, remove existing node_modules directory, and then run npm install:

"dependencies": {
    "@angular/common": "2.2.1",
    "@angular/compiler": "2.2.1",
    "@angular/compiler-cli": "2.2.1",
    "@angular/core": "2.2.1",
    "@angular/forms": "2.2.1",
    "@angular/http": "2.2.1",
    "@angular/platform-browser": "2.2.1",
    "@angular/platform-browser-dynamic": "2.2.1",
    "@angular/platform-server": "2.2.1",
    "@ionic/storage": "1.1.7",
    "ionic-angular": "2.0.0-rc.5",
    "ionic-native": "2.2.11",
    "ionicons": "3.0.0",
    "rxjs": "5.0.0-beta.12",
    "zone.js": "0.6.26",
    "sw-toolbox": "3.4.0"
  },
  "devDependencies": {
    "@ionic/app-scripts": "1.0.0",
    "typescript": "2.0.9"
  }




Read More