sp-dev-fx-webparts/samples/react-provision-assets
Hugo Bernier 2ec66488d2 Updated YAML 2020-09-12 20:44:39 -07:00
..
assets New SPFx assets advanced sample and minor readme fix (#243) 2017-06-18 17:07:24 +02:00
config Removed web part from solution 2020-09-12 20:44:38 -07:00
sharepoint/assets Removed web part from solution 2020-09-12 20:44:38 -07:00
typings New SPFx assets advanced sample and minor readme fix (#243) 2017-06-18 17:07:24 +02:00
.editorconfig New SPFx assets advanced sample and minor readme fix (#243) 2017-06-18 17:07:24 +02:00
.gitattributes New SPFx assets advanced sample and minor readme fix (#243) 2017-06-18 17:07:24 +02:00
.gitignore New SPFx assets advanced sample and minor readme fix (#243) 2017-06-18 17:07:24 +02:00
.npmignore New SPFx assets advanced sample and minor readme fix (#243) 2017-06-18 17:07:24 +02:00
.yo-rc.json New SPFx assets advanced sample and minor readme fix (#243) 2017-06-18 17:07:24 +02:00
README.md Updated YAML 2020-09-12 20:44:39 -07:00
gulpfile.js Removed web part from solution 2020-09-12 20:44:38 -07:00
package-lock.json Removed web part from solution 2020-09-12 20:44:38 -07:00
package.json New SPFx assets advanced sample and minor readme fix (#243) 2017-06-18 17:07:24 +02:00
tsconfig.json New SPFx assets advanced sample and minor readme fix (#243) 2017-06-18 17:07:24 +02:00
tslint.json Add tslint at the root of each SPFx project (#394) 2018-01-08 15:58:48 +02:00
yarn.lock Bump node-sass from 4.5.3 to 4.14.1 in /samples/react-provision-assets 2020-09-12 20:44:38 -07:00

README.md

page_type products languages extensions
sample
office-sp
javascript
typescript
contentType technologies platforms createdDate
samples
SharePoint Framework
react
8/1/2017 12:00:00 AM

Provision SharePoint Assets with the SPFx solution package

Summary

This sample shows how we can provision Document Library, Custom List, Web and List PropertyBag properties, Site Columns, Content Types, Images, Site Page with the SFPx Client side webpart and even prepopulated list and library items along with the SPFx solution package. All of the components can be deployed at once with the SPFx webpart when the app is added to a SharePoint site. It also contains custom list and document library xml schemas.

The yammer search web part displayed in SharePoint online

Used SharePoint Framework Version

drop

Applies to

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.

Solution

Solution Author(s)
react-provision-assets Velin Georgiev (@VelinGeorgiev)

Version history

Version Date Comments
0.0.1 June 17, 2017 Initial commit

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.


Minimal Path to Awesome

  • Clone this repository.
  • Open the command line, navigate to the web part folder and execute:
    • npm i
    • gulp build --ship
    • gulp prepare-solution This custom gulp task copies the file e89b5ad5-9ab5-4730-a66b-e1f68994598c.json from the folder sharepoint\temp\ to temp\deploy in order to prepare the package.
    • gulp package-solution
    • Deploy the package to the app catalog
    • Add the app to a site

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.
    • Document Library Instance with custom list schema.
    • Content Types.
    • Fields.
    • Module with Images.
    • Module with Site Page.
    • PropertyBag properties.
    • Pre-populated List Data Rows in the Elements.xml.
    • Onet.xml specific tokens.