9/26/2018

How to: Set List/Document Library View Page as Modern Team Site Welcome Page (Homepage)

When you need to change the Home Page of Modern Team Site in SharePoint Online it's pretty easy to do through UI.
Just go to the Pages library, open context menu for the page you want to make a homepage and select "Make homepage"

But what if the page you want to make a homepage is a Document Library or List View Page that is, obviously, not presented in the Pages library?

9/17/2018

Using Vue.js in SharePoint Framework Applications. Part V: Use React Components inside Vue.js Solution

This is the fifth post about SharePoint Framework and Vue.js. In this post I want to show how to use React components inside Vue.js-based SharePoint Framework solutions.

List of posts:
  1. Whats and Whys
  2. Default SPFx web part using Vue.js
  3. Yeoman generator with Vue support
  4. Web Part Property Pane Control
  5. Use React Components inside Vue.js Solution (this post)
Code: https://github.com/AJIXuMuK/vuejs/tree/master/react-in-vue.

9/06/2018

Using Vue.js in SharePoint Framework Applications. Part IV: Web Part Property Pane Control

This is the fourth post about SharePoint Framework and Vue.js. In this post I want to go through the process of creation custom Property Pane control using Vue.js.

List of posts:
  1. Whats and Whys
  2. Default SPFx web part using Vue.js
  3. Yeoman generator with Vue support
  4. Web Part Property Pane Control (this post)
  5. Use React Components inside Vue.js Solution
Code: https://github.com/AJIXuMuK/vuejs/tree/master/proppane-control.

8/07/2018

Yeoman Generator With Vue Support Update: Extensions Support!

UPDATE: the generator has been included into @pnp/spfx generator. Please use this one for the latest version.

In Using Vue.js in SharePoint Framework Applications. Part III: Yeoman Generator with Vue Support I announced that I've published a Yeoman generator for SharePoint Framework solutions with Vue.js support.
The initial version of the generator supported SPFx web parts only. There was no way to create SPFx extensions using the generator.
Today I happy to announce that Extensions support has been added to the generator!
Now you can select any of the available types of SPFx projects.
NPM package: generator-vuespfx
GitHub repo: https://github.com/AJIXuMuK/generator-vuespfx
Wiki: Wiki

8/03/2018

Term Store and Ampersand (&) Issue

When working with Term Store take into consideration that SharePoint for some reason replaces ampersand character & (code 38) with ampersand character & (code 65286) in the label. The bad thing is that if you create a Term with the name with & you won't be able to change it back from symbol 65286 to symbol 38 as default label of the term can't be modified.
Simple way to play with it:

  1. Create new term "Wood & Fire"
  2. Copy the default label text
  3. Paste the value as string into browser console and run call charCodeAt(5): "Wood & Fire".charCodeAt(5)
  4. The result will be 65286 instead of 38
I tested the behavior on O365, SP 2016 and SP2013 - all the same.

Have fun!

7/01/2018

Using Vue.js in SharePoint Framework Applications. Part III: Yeoman Generator with Vue Support

UPDATE: the generator has been included into @pnp/spfx generator. Please use this one for the latest version.

This is the third post about SharePoint Framework and Vue.js. In this post I want to announce a Yeoman generator for SPFx web part with Vue.js support.

List of posts:
  1. Whats and Whys
  2. Default SPFx web part using Vue.js
  3. Yeoman generator with Vue support (this post)
  4. Web Part Property Pane Control
  5. Use React Components inside Vue.js Solution

5/16/2018

Using Vue.js in SharePoint Framework Applications. Part II: Default SPFx web part using Vue.js

This is the second post about SharePoint Framework and Vue.js. In this post I'm going to implement basic Client-Side Web Part using Vue.js - basically, "wrap" the markup from Web Part template project with Vue.js component.
List of posts:
  1. Whats and Whys
  2. Default SPFx web part using Vue.js (this post)
  3. Yeoman Generator with Vue Support
  4. Web Part Property Pane Control
  5. Use React Components inside Vue.js Solution