Office 365 Developer Bootcamp (Microsoft) – Melbourne

The Global Office 365 Developer Bootcamp is a free, one-day training event led by Microsoft MVPs with support from Microsoft and local community leaders. The bootcamps will provide hands-on labs for deep learning, and a comprehensive view of all key technologies and products on the Office 365 platform. Developers can apply these learnings to their products or solutions to achieve more right away.

Melbourne is hosting the Global Office 365 developer bootcamp with track dedicated to developers. You are free to attend topics all around Office 365 extensibility.

Technologies covered: Microsoft Graph, SharePoint Framework, Microsoft Teams, Office Add-ins, Connectors and Actionable Messages, and more.

To be successful in this workshop, you should have a general understanding of Office 365, SharePoint, Microsoft Teams and an ability to code in C# or JavaScript.

Lab Details can be found here:
Event details:

Slides are made available here:

Sydney (Office 365 Meetup) – Microsoft Teams – What’s Next?| Extend and Build App

Microsoft Team is the hub for teamwork in Office 365 that brings together conversations, files and tools. Teams give people a single place to communicate and collaborate and also allows the team members to customise Team with apps, bots (T-Bot, Who-Bot), tabs, Planner, Forms, Flow etc. as per their needs. There is an enormous number of out-of-the-box extensibilities exist within Team. But what if you need more features that are not in the MS Team but is essential for your company, team, or project? – this is what we will discuss during the session.
The session will include some updates on the newest additions to the development and extension for the MS Team. We will also demonstrate how you can leverage the existing resources from Microsoft and build the app you need for your business.

Thanks to Ken Josling for the snap

Meetup Event:
The slides are made available here:

Melbourne – Office 365 Saturday Australia

SharePoint Framework: Best Use of the New Capabilities and Free Resources

he SharePoint Framework is the current model for building rich client-side Web Part and SharePoint customizations. Since GA, there has been many samples and solutions developed by the community that are very helpful and free to use. If you need a new Custom Web Part for your business, why not reuse some of these great resources?

In the session, we will demonstrate how we can reuse some of the existing resources with little effort, how we can change those & deploy and in general, how we can speed-up our SPFx learning & development. We will also step through some of the new capabilities that have been announced recently. Demo includes:

  • Deploying Intranet in 15 mins – containing 20+ custom WebParts and Extensions (Personalised Quick Link, Emails, Share price, Weather, WorldTime, People Directory etc)
  • Dynamic Form WebPart – Creating Form from any custom list in a few minutes.
  • Search Refiners in Modern Page
  • Modern Calendar with an external data source

Event Link:

Melbourne (MS365 Meetup) – Microsoft Teams | SharePoint – The Final Frontier

While Office 365 adoption continues to grow, some organisations are struggling to understand how to move past the traditional SharePoint and intranet-centric view of the world, and truly leverage all of the latest and greatest technology Microsoft has to offer. Microsoft Teams is a new way to focus on collaboration and communication, giving project teams and individuals the flexible features they need to get work done. This is the hub for teamwork in Office 365 that brings together conversations, files and tools. MS Teams gives people a single place to communicate and collaborate and also allows the team members to customize Team with apps, bots, tabs etc. as per their needs.

Meetup Event:

Slides are available below

Office 365 Developer Bootcamp (Microsoft) – Melbourne

Introduction and hands-on LAB on SharePoint Framework Extensions


  • Toolbox
  • SPFx generators – new options
  • Structure overview
  • SharePoint Framework Extensions
  • Deployment
  • Demo
  • Hands-on Lab – Building and Deploying SPFx Extensions
Thanks to Ashish for the photo

Follow up Blog: Global Navigation and Branding for Modern Site using SharePoint Framework Extensions
Upcoming O365 Dev Bootcamp:
Slides can be found here

SharePoint Framework – Introduction to SPFx Extensions

@types SharePoint error – index.d.ts TS1005

The latest version of the @types/sharepoint is throwing the the following error:
Error – typescript – node_modules\@types\sharepoint\index.d.ts(3604,17): error TS1005: ‘,’ expected.
Error – typescript – node_modules\@types\sharepoint\index.d.ts(70,42): error TS2314: Generic type ‘ListItem<T, any>’ requires 2 type

After spending sometime trying to fix the issue, I found the current version of the @types/sharepoint is expecting the new TypeScript Compiler. Issue reported

If you already have installed the latest version, uninstall the version from the solution:
npm uninstall @types/sharepoint

Use the last working version (2013.1.6):
npm install @types/sharepoint@2013.1.6 --save-dev

Note: These are the versions that are available during the time of this post.

Embed Yammer Feed – what if it’s blocked?

Embedding yammer feed into a site is super easy and well documented.

There are many scenarios where the yammer feed might throw error. For example:

  • If the user does not have any yammer account yet
  • If yammer is blocked in a particular network etc.

The following JavaScript snippet will gracefully hide the yammer feed error and will show a user-friendly message.

Listening to the error event can be another alternative option but keep in mind, if yammer is blocked, the callback method will never be invoked.

FCKEditor in SharePoint (IE & Non-IE)

In SharePoint, we face one common problem while editing a Rich Text field from Non-IE browsers; the field does not have any Rich text editor. There are few blogs and forum posts showing how we can add FCKEditor in Non-IE browser. But after deployment we will no longer have consistent UI in IE and Non-IE browser for that screen. And after deployment, many users also find th FCKEditor more useful and easy than the default SharePoint Rich Text editor.

So in our project, we decided to use FCKEditor in both IE and Non-IE browser. To do this, I spent some time and came up with the following solution. However after deploying the solution we have tested well and we have not found any side effect, which is very nice 🙂


You can download the FCKEditor controls from here. In our case we have unzipped the control in the following location:

C:Program FilesCommon FilesMicrosoft Sharedweb server extensions12TEMPLATECONTROLTEMPLATES

We have to modify four JavaScript file:


C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATECONTROLTEMPLATES\fckeditor

Add the following configurations in the “fckconfig.js” file to add two new toolbar sets:

Why two?

Multi lines of text has two Rich Text type. One is Rich text (Bold, italics, text alignment) and another is Enhanced rich text (Rich text with pictures, tables, and hyperlinks). In above toolbar set I have listed the appropriate ones, those are supported by the field type. However, you can remove controls, if you want.

C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATELAYOUTS\1033

Add the following JavaScript at the end of the “CORE.JS” file. While webpage loading, this JavaScript will replace all textarea with FCKEditor dynamically. This will enable FCKEditor control in both IE & Non-IE browser.

C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATELAYOUTS\1033

Search with RTE_ConvertTextAreaToRichEdit in the file “BFORM.JS”. You will find two results. One of those is a function. Modify the function and put return; as the first statement of the function. This will prevent the function from being executed. The function will look like the following:

C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATELAYOUTS\1033

Follow the same steps as we did for file “FORM.JS”. Search with RTE_ConvertTextAreaToRichEdit in the file “FORM.JS”. You will find one result, a function. Modify the function and put return; as the first statement of the function.

NON_IE.JS (Caution!)
C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATELAYOUTS\1033

We should not modify this file any more. To enable FCKEditor in only Non-IE, we need to modify this file. But now we are enabling FCKEditor for both IE and Non-IE. And for that we have modified CORE.JS, which is invoked for all browsers. So we no longer need to modify NON_IE.JS. Well, if you mistakenly modify this file then if you open the page with Non-IE browser, you will find two FCKEditor for each field 🙂

However, I have used JavaScript function SLAC_NonIERichText from this forum.