sp-dev-fx-webparts/samples/vue-js-org-chart

Organization Chart using VueJS

Summary

A simple Organisation Chart web part using Office UI Fabric, VueJS, REST API.

Compatibility

This sample is designed to be used in the following enviroments:

For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix

Applies to

• SharePoint Framework

• Office 365 developer tenant

  ** The SPFx web part will work in local workbench, but not the assets. They can be provisioned only when the app is deployed since they are SharePoint specific.

Prerequisites

• Office 365 subscription with SharePoint Online.
• SharePoint Framework development environment already set up.
• Tenant admin access to the Office 365 subscription and App Catalog already setup.

Minimal Path to Awesome

• Clone this repository.
• Open the command line, navigate to the web part folder and execute:
  • npm i
  • gulp serve --nobrowser
  • gulp package-solution
  • Deploy the package to the app catalog
  • Add the app to a site

This sample can also be opened with VS Code Remote Development. Visit https://aka.ms/spfx-devcontainer for further instructions.

Features

This Web Part illustrates the following concepts on top of the SharePoint Framework:

• SPFx provisioning based on the following Elements.xml nodes:
  • Custom List Instance with custom list schema.
  • Content Types.
  • Fields.
  • Pre-populated List Data Rows in the Elements.xml.

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.