sp-dev-fx-webparts/samples/js-workbench-customizer
VesaJuvonen 52a1c836dc Renaming a folder and fixing typo in readme 2019-02-12 11:17:16 +02:00
..
assets Renaming a folder and fixing typo in readme 2019-02-12 11:17:16 +02:00
config Renaming a folder and fixing typo in readme 2019-02-12 11:17:16 +02:00
src Renaming a folder and fixing typo in readme 2019-02-12 11:17:16 +02:00
.editorconfig Renaming a folder and fixing typo in readme 2019-02-12 11:17:16 +02:00
.gitignore Renaming a folder and fixing typo in readme 2019-02-12 11:17:16 +02:00
.yo-rc.json Renaming a folder and fixing typo in readme 2019-02-12 11:17:16 +02:00
README.md Renaming a folder and fixing typo in readme 2019-02-12 11:17:16 +02:00
gulpfile.js Renaming a folder and fixing typo in readme 2019-02-12 11:17:16 +02:00
package-lock.json Renaming a folder and fixing typo in readme 2019-02-12 11:17:16 +02:00
package.json Renaming a folder and fixing typo in readme 2019-02-12 11:17:16 +02:00
shrinkwrap.yaml Renaming a folder and fixing typo in readme 2019-02-12 11:17:16 +02:00
tsconfig.json Renaming a folder and fixing typo in readme 2019-02-12 11:17:16 +02:00
tslint.json Renaming a folder and fixing typo in readme 2019-02-12 11:17:16 +02:00

README.md

Workbench customizer

Summary

This sample shows how the Workbench page can be customized to display in a way that better mimics a modern SharePoint page. This is done using CSS overrides on some of the page styles, which does not cause any negative impact on your site as the web part is not intended to be consumed by final users, only developers. The web part also has some properties that control which customizations are applied to the workbench page (all enabled by default).

Demo

Used SharePoint Framework Version

drop

Applies to

Prerequisites

  • Office 365 subscription with SharePoint Online licence
  • SharePoint Framework development environment already set up.

Solution

Solution Author(s)
workbench-customizer Joel Rodrigues

Version history

Version Date Comments
1.0 January 24, 2019 Initial release

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
  • in the command line run:
    • npm install
    • gulp serve