A Google Chrome Extension for creating and updating files (js, css) in SharePoint Online from Chrome Developer Tools
- 1.2.4 Added filtering for propertybag value listing
- 1.2.3 Small messaging enhancements
- 1.2.2 Small messaging enhancements
- 1.2.1 Small usability enhancements
- 1.2.0 Added support for view, add, edit and delete web propertybag values
- 1.1.0 Added support for chrome workspaces and querystring for injections
- 1.0.0 First published version
Creating and editing js / css files in SharePoint Online from any device which has Chrome desktop browser. Also possibility to add local and external js/css resources references with usercustomactions.
Introduction video http://youtu.be/Nk_NZhdpZEo
- Install extension from Chrome web store http://tiny.cc/chromesp
- OR
- Clone the repository (git clone https://github.com/tavikukko/Chrome-SP-Editor.git OR download ZIP)
- Open Chrome with url chrome://extensions/
- Click "Load unpacked extension..." and select Chrome-SP-Editor folder
Go to your SharePoint Online site and open Chrome developer tools.
- Select SharePoint tab, select "Save to SharePoint" from left navigation" and select "Update changes to SharePoint".
- Select sources tab
- Select js/css file for editing
- Make changes and save (cmd+s / ctrl+s)
- You will get promt saying if the save was successful or not
- Select SharePoint tab, select "Files" from left navigation
- Write filename (.js/.css) and press add
- New empty file will be created in the Style library of the rootweb
- Select SharePoint tab, select "Scriptlinks" from left navigation
- Give sequence for the link to be added. The sequence will tell the order to load the files
- Add the URL to the file. Local js files, use ~sitecollection/path/to/your/file.js. Local css and external css and js files must use absolute url.
- From the dropdown, select if you want the file to be added only to current site, or to the whole site collection.
- Select SharePoint tab, select "Web properties" from left navigation
- Add new property and value and press "Add property"
- Edit or modify current properties from the list below
- The tools works also when using Chrome workspaces, is saves the file to the disk and also the SharePoint.