10/27/2016

SPFx. Client Web Part Property Pane Dependent Properties. Part III: Styling Dependent Properties Control as Office UI Fabric dropdowns. Knockout version.

This is the last post of three that explain how to add dependent properties to Client Web Part Property Pane.
As an example of such properties I decided to use Lists dropdown and Views dropdown. Views dropdown is populated based on selected List. As a result of these three posts we'll have a fully working web part with ability to select List View in Property Pane:

Here is a content of 3 posts:
  1. SPFx. Client Web Part Property Pane Dependent Properties. Part I: Preparation.
  2. SPFx. Client Web Part Property Pane Dependent Properties. Part II: Dependent Properties Control.
  3. SPFx. Client Web Part Property Pane Dependent Properties. Part III: Styling Dependent Properties Control as Office UI Fabric dropdowns. Knockout version. (current post)
All the code is available on GitHub (https://github.com/AJIXuMuK/SPFx/tree/master/dep-props-custom-class)
I'm using Visual Studio Code IDE for the tutorial.

10/26/2016

SPFx. Client Web Part Property Pane Dependent Properties. Part II: Dependent Properties Control.

This is the second post of three that explain how to add dependent properties to Client Web Part Property Pane.
As an example of such properties I decided to use Lists dropdown and Views dropdown. Views dropdown is populated based on selected List.
Here is a content of 3 posts: As a result of these three posts we'll have a fully working web part with ability to select List View in Property Pane:

  1. SPFx. Client Web Part Property Pane Dependent Properties. Part I: Preparation.
  2. SPFx. Client Web Part Property Pane Dependent Properties. Part II: Dependent Properties Control. (current post)
  3. SPFx. Client Web Part Property Pane Dependent Properties. Part III: Styling Dependent Properties Control as Office UI Fabric dropdowns. Knockout version.
All the code is available on GitHub (https://github.com/AJIXuMuK/SPFx/tree/master/dep-props-custom-class)
I'm using Visual Studio Code IDE for the tutorial.

10/11/2016

SPFx. Client Web Part Property Pane Dependent Properties. Part I: Preparation.

This is the first post of three that explain how to add dependent properties to Client Web Part Property Pane.
As an example of such properties I decided to use Lists dropdown and Views dropdown. Views dropdown is populated based on selected List.
As a result of these three posts we'll have a fully working web part with ability to select List View in Property Pane:

Here is a content of 3 posts:
  1. SPFx. Client Web Part Property Pane Dependent Properties. Part I: Preparation. (current post)
  2. SPFx. Client Web Part Property Pane Dependent Properties. Part II: Dependent Properties Control.
  3. SPFx. Client Web Part Property Pane Dependent Properties. Part III: Styling Dependent Properties Control as Office UI Fabric dropdowns. Knockout version.
All the code is available on GitHub (https://github.com/AJIXuMuK/SPFx/tree/master/dep-props-custom-class)
I'm using Visual Studio Code IDE for the tutorial.

7/12/2016

InplaceSearchEnabled doesn't work when set programmatically in XsltListViewWebPart

There are a lot of forum threads about the error that InplaceSearchEnabled property of XsltListViewWebPart (XLV) cannot be changed programmatically, only through UI and WebPart properties.
I experienced the same issue when was trying to add XLV to sub site (display items of root level list on subsite) - the search input was not displayed and the InplaceSearchEnabled property was set to null.
Finally I found the solution (actually a workaround) and it is described below.

6/01/2016

SharePoint Framework - Steps to build and run your first project

UPDATE 8/18/2016 - Microsoft announced SharePoint Framework Developer Release.


SPOILER: at the end of this post you'll be able to run a web app that is provided by Yeoman generator for SharePoint. But as of now (6/2/16) it's a simple web app based on Grunt for build and Mocha/PhantomJS to run. So you won't see Client Web Part deployed to SharePoint Workbench (I think that Microsoft should update the generator soon). Still this post may be useful for people who didn't work with Node.js and front-end stacks.

Here I want to provide all the steps you need to run build and run your first SharePoint Framework project on Windows machine (it's really easier on Mac).
You can find some steps here but after following them you won't be able to run the project (or even compile/build).
So let's start.