honeymoose
/
sp-dev-fx-webparts
mirror of https://github.com/pnp/sp-dev-fx-webparts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
sp-dev-fx-webparts/samples/react-image-magnifier/README.md

93 lines
4.1 KiB
Markdown
Raw Normal View History

Added telemetry to every README.md file
2020-04-04 02:18:47 -04:00
---
page_type: sample
products:
- office-sp
languages:
- javascript
- typescript
extensions:
contentType: samples
technologies:
- SharePoint Framework
platforms:
- react
createdDate: 10/1/2017 12:00:00 AM
---
Added two samples (image magnifier and youtube webpart) furthermore react-peoplepicker is upgraded to drop 1.3.0 (#310) * first commit * configured the property pane * readme updated and demo gif uploaded * correction * added author * add more descriptions * Updated to GA Version, New properties that allow to specify the number of items to display and which entities retrieve (User, SharePoint Groups, Distribution Lists, Security Groups). * First release * readme changed * release date modified * readme updated
2017-10-09 04:48:46 -04:00
# Image Magnifier
## Summary
This web part allow to magnify an image, displaying a resolution more detailed through a lens.
![site page header configurator web part](./assets/spfx-react-image-magnifier.gif)
Updated legacy compatiblity matrix
2021-11-07 01:33:53 -05:00
## Compatibility
![SPFx 1.2.0](https://img.shields.io/badge/SPFx-1.2.0-green.svg)
![Node.js v6](https://img.shields.io/badge/Node.js-v6-green.svg)
![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg)
![Compatible SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Compatible-green.svg)
![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg)
![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)
Added two samples (image magnifier and youtube webpart) furthermore react-peoplepicker is upgraded to drop 1.3.0 (#310) * first commit * configured the property pane * readme updated and demo gif uploaded * correction * added author * add more descriptions * Updated to GA Version, New properties that allow to specify the number of items to display and which entities retrieve (User, SharePoint Groups, Distribution Lists, Security Groups). * First release * readme changed * release date modified * readme updated
2017-10-09 04:48:46 -04:00
## Applies to
URL dev.office.com to docs.microsoft.com
2020-06-09 03:09:22 -04:00
* [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
* [Office 365 tenant](https://docs.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment)
Added two samples (image magnifier and youtube webpart) furthermore react-peoplepicker is upgraded to drop 1.3.0 (#310) * first commit * configured the property pane * readme updated and demo gif uploaded * correction * added author * add more descriptions * Updated to GA Version, New properties that allow to specify the number of items to display and which entities retrieve (User, SharePoint Groups, Distribution Lists, Security Groups). * First release * readme changed * release date modified * readme updated
2017-10-09 04:48:46 -04:00
## Prerequisites
> No pre-requisites
## Solution
Solution|Author(s)
--------|---------
Standardized readme
2021-11-21 02:51:08 -05:00
react-image-magnifier|[Giuliano De Luca](https://github.com/giuleon) ([@giuleon](https://twitter.com/giuleon) , [www.delucagiuliano.com](delucagiuliano.com))
Added two samples (image magnifier and youtube webpart) furthermore react-peoplepicker is upgraded to drop 1.3.0 (#310) * first commit * configured the property pane * readme updated and demo gif uploaded * correction * added author * add more descriptions * Updated to GA Version, New properties that allow to specify the number of items to display and which entities retrieve (User, SharePoint Groups, Distribution Lists, Security Groups). * First release * readme changed * release date modified * readme updated
2017-10-09 04:48:46 -04:00
## Version history
Version|Date|Comments
-------|----|--------
1.0|September 17, 2017|Initial release
## Minimal Path to Awesome
- Clone this repository
- in the command line run:
- `npm install`
- `gulp serve`
## Features
This Web Part illustrates the following concepts on top of the SharePoint Framework:
Added telemetry to every README.md file
2020-04-04 02:18:47 -04:00
- Image Magnifier - How to obtain the best resolution from an image.
Added two samples (image magnifier and youtube webpart) furthermore react-peoplepicker is upgraded to drop 1.3.0 (#310) * first commit * configured the property pane * readme updated and demo gif uploaded * correction * added author * add more descriptions * Updated to GA Version, New properties that allow to specify the number of items to display and which entities retrieve (User, SharePoint Groups, Distribution Lists, Security Groups). * First release * readme changed * release date modified * readme updated
2017-10-09 04:48:46 -04:00
- How to leverage the capabilities of the property pane.
Standardized readme
2021-11-21 02:51:08 -05:00
## 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%3A%22sample%3A%20react-image-magnifier%22) 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=react-image-magnifier) 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%2Csample%3A%20react-image-magnifier&template=bug-report.yml&sample=react-image-magnifier&authors=@giuleon&title=react-image-magnifier%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%3Aquestion%2Csample%3A%20react-image-magnifier&template=question.yml&sample=react-image-magnifier&authors=@giuleon&title=react-image-magnifier%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%3Aenhancement%2Csample%3A%20react-image-magnifier&template=suggestion.yml&sample=react-image-magnifier&authors=@giuleon&title=react-image-magnifier%20-%20).
## 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.**
Added telemetry to every README.md file
2020-04-04 02:18:47 -04:00
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-image-magnifier" />