5107f2c5d8
* Added the files to the new repository * Modified the .gitignore * Added the generated sppkg file * Added animated gifs for the read me. * Added another animated gif * Added a first temporary version of the readme.md * Update README.md * Update README.md * Updated the readme.md file by removing spaces between brackets in the handlebars templates examples. * Updated the WebPart with inline template editing Added inline template editing within the toolpane, automatic template generation and fixed a bug related to the "Me" checkbox while filtering user fields. * Removed the debug folder from sources * Updated the toolpart animated gif * Removed toolpart animated gif * Updated the README.md file with the latest changes. * Update README.md * Update README.md * Update README.md * Adding AceEditor as Code Editor * Removing old Monato Artefacts * Finalized the code editor update Added documentation for the code editor, fixed the npm-shrinkwrap to support the code editor dependencies, updated images for the new documentation, regenerated the .sppkg file and updated the sources on the public CDN for version 1.0.1 * Added a .gif for the new code editor documentation * Updated the WebPart with the latest spfx packages. Multiple bottle-neck bugs have been fixed in SPFX which allows to update the WebPart with the latest SPFX packages. Overall performance should now be better and other minor bugs have been fixed. * ... * Updated the readme * Updated the readme with the solution author * Added the External Scripts property to the toolpart The new External Scripts property allows the user to add external JavaScript files to the WebPart that can run precisely before or after the rendering of the template. * Fixed the readme.md imaged broke in the previous commit * Added the ExternalScripts.png picture to readme.md * Updated readme.md * Update the externalScripts image. * Fixed an issue where sites/subsites were missing from the WebUrl dropdown The search query responsible for feeding the Web Url dropdown had no rowLimit specified, which was limiting the amount of returned urls to 10 since this is the default rowLimit. Updated the rowLimit to 500 so all sites can be displayed in the toolpart! * Update README.md |
||
|---|---|---|
| .github | ||
| samples | ||
| tutorials | ||
| .gitignore | ||
| LICENSE | ||
| README.md | ||
| debug.log | ||
README.md
SharePoint Framework client-side web part samples & tutorial materials
This repository contains the samples that demonstrate different usage patterns for the SharePoint Framework client-side web parts.
SharePoint client-side web parts are controls that appear inside a SharePoint page but run locally in the browser. They're the building blocks of pages that appear on a SharePoint site. You can build client-side web parts using modern script development tools and the SharePoint workbench (a development test surface), and you can deploy your client-side web parts to classic web part pages in Office 365 tenants. In addition to plain JavaScript projects, you can build web parts alongside common scripting frameworks, such as AngularJS and React. For example, you can use React along with components from Office UI Fabric React to quickly create experiences based on the same components used in Office 365
Additional resources
- Overview of the SharePoint Framework
- SharePoint Framework development tools and libraries
- SharePoint Framework Reference
- Visual Studio Extension for SharePoint Framework projects
Using the samples
To build and start using these projects, you'll need to clone and build the projects.
Clone this repository by executing the following command in your console:
git clone https://github.com/SharePoint/sp-dev-fx-webparts.git
Navigate to the cloned repository folder which should be the same as the repository name:
cd sp-dev-fx-webparts
To access the samples use the following command, where you replace sample-folder-name with the name of the sample you want to access.
cd samples
cd sample-folder-name
and for the tutorials, use the following command:
cd tutorials
Now run the following command to install the npm packages:
npm install
This will install the required npm packages and dependencies to build and run the client-side project.
Once the npm packages are installed, run the following command to preview your web parts in SharePoint Workbench:
gulp serve
Contributions
These samples are direct from the feature teams, SharePoint PnP core team (http://aka.ms/SharePointPnP) or shared by the community. We welcome your input on issues and suggestions for new samples. We do also welcome community contributions around the client-side web parts. If there's any questions around that, just let us know.
Please have a look on our Contribution Guidance before submitting your pull requests, so that we can get your contribution processed as fast as possible. Thx.
Sharing is caring!