sp-dev-fx-webparts/samples/react-manage-sitedesigns
..
.devcontainer
assets
config
src
teams
tools
.editorconfig
.gitignore
.yo-rc.json
README.md
azure-pipelines.yml
gulpfile.js
package-lock.json
package.json
tsconfig.json
tslint.json

README.md

Site Designs Manager

Summary

This web part allows tenant administrators to manage site designs through a graphical interface.
We can create, edit, delete work with site scripts associated to a site design, manage permissions and apply site design to one or more sites.

Only users with Tenant Admin Role are allowed to managed tenant properties.

Site Designs List

site design list

Add, Edit and Delete site designs

tenant properties

tenant properties

tenant properties

tenant properties

Site Designs Rights

tenant properties

tenant properties

tenant properties

tenant properties

Site Design Site Scripts

tenant properties

tenant properties

tenant properties

tenant properties

tenant properties

Apply Site Design

tenant properties

tenant properties

tenant properties

tenant properties

Compatibility

⚠️ Important
Every SPFx version is only compatible with specific version(s) of Node.js. In order to be able to build this sample, please ensure that the version of Node on your workstation matches one of the versions listed in this section. This sample will not work on a different version of Node.
Refer to https://aka.ms/spfx-matrix for more information on SPFx compatibility.

SPFx 1.8 Node.js v8 Compatible with SharePoint Online Compatible with SharePoint 2019 Does not work with SharePoint 2016 (Feature Pack 2) Local Workbench Compatible Hosted Workbench Compatible Compatible with Remote Containers

Applies to

Web Part Properties

Property Type Required comments
WebPart Title Text no

Contributors

The Web Part Use PnPjs library, Office-ui-fabric-react components.

Version history

Version Date Comments
1.0.0 April 08, 2019 Initial release

Minimal Path to Awesome

  • Clone this repository
  • Move to sample folder
  • in the command line run:
    • npm install
    • gulp build
    • gulp bundle --ship
    • gulp package-solution --ship
    • Add to AppCatalog and deploy

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

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.