Added add-js-css-ref video

This commit is contained in:
Hugo Bernier 2021-11-06 19:04:51 -04:00
parent d57fc83b37
commit b709a48502
2 changed files with 33 additions and 3 deletions

View File

@ -38,9 +38,16 @@ To overcome this drawbacks, this solution comes handy. This is reusable componen
* Support for relative url also, if your js and css file is referred from some document library in same site collection.
Path can be `/sites/mysc/style library/js/custom.js` or `/sites/mysc/style library/css/custom.css`
## Used SharePoint Framework Version
![1.9.1](https://img.shields.io/badge/SPFx-1.9.1-green.svg)
## Compatibility
![SPFx 1.9.1](https://img.shields.io/badge/SPFx-1.10.0-green.svg)
![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg)
![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg)
![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg "SharePoint Server 2019 requires SPFx 1.4.1 or lower")
![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1")
![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg)
![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg)
## Applies to
@ -54,6 +61,8 @@ Clone the solution and make sure there is no error before packaging. Try first o
Change the `pageURL` property in `/config/serve.json` - This should be a valid modern page on your site collection.
* From your command line, change your current directory to the directory containing this sample (`react-add-js-css-ref`, located under `samples`)
```bash
git clone the repo
npm i
@ -92,7 +101,7 @@ gulp package-solution --ship
Solution|Author(s)
--------|---------
react-add-js-css-ref | [Siddharth Vaghasia](https://www.linkedin.com/in/siddharthvaghasia/)
react-add-js-css-ref | [Siddharth Vaghasia](https://github.com/siddharth-vaghasia) (https://www.linkedin.com/in/siddharthvaghasia/)
## Version history
@ -101,10 +110,31 @@ Version|Date|Comments
1.0.0|Apr 24, 2020|Initial release
2.0.0|June 09, 2020|Displaying access denied message, added spinner to display on page load, fix edit, delete icons not displaying.
## Video
[![Using SharePoint Framework to embed JS and CSS to modern pages](./assets/video-thumbnail.jpg)](https://www.youtube.com/watch?v=2j_tcNWt3S0 "Using SharePoint Framework to embed JS and CSS to modern pages")
## 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.**
## Help
We do not support samples, but this community is always willing to help, and we want to improve these samples. We use GitHub to track issues, which makes it easy for community members to volunteer their time and help resolve issues.
If you're having issues building the solution, please run [spfx doctor](https://pnp.github.io/cli-microsoft365/cmd/spfx/spfx-doctor/) from within the solution folder to diagnose incompatibility issues with your environment.
You can try looking at [issues related to this sample](https://github.com/pnp/sp-dev-fx-webparts/issues?q=label%3Areact-add-js-css-ref) to see if anybody else is having the same issues.
You can also try looking at [discussions related to this sample](https://github.com/pnp/sp-dev-fx-webparts/discussions?discussions_q=label%3Areact-add-js-css-ref) and see what the community is saying.
If you encounter any issues while using this sample, [create a new issue](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=bug-report.yml&sample=react-add-js-css-ref&authors=@siddharth-vaghasia&title=react-add-js-css-ref%20-%20).
For questions regarding this sample, [create a new question](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=question.yml&sample=react-add-js-css-ref&authors=@siddharth-vaghasia&title=react-add-js-css-ref%20-%20).
Finally, if you have an idea for improvement, [make a suggestion](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=suggestion.yml&sample=react-add-js-css-ref&authors=@siddharth-vaghasia&title=react-add-js-css-ref%20-%20).
For any issue or help, Buzz me on twitter:([siddh_me](https://twitter.com/siddh_me/))
> Sharing is caring!

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB