Skip to content
Branch: master
Find file History
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
assets Initial QR Code List Item Command View Set Sep 2, 2019
config
sharepoint/assets Removed tenant URLs Sep 2, 2019
src Initial QR Code List Item Command View Set Sep 2, 2019
.editorconfig Initial QR Code List Item Command View Set Sep 2, 2019
.gitignore Initial QR Code List Item Command View Set Sep 2, 2019
.yo-rc.json Initial QR Code List Item Command View Set Sep 2, 2019
README.md Initial QR Code List Item Command View Set Sep 2, 2019
gulpfile.js Initial QR Code List Item Command View Set Sep 2, 2019
package-lock.json Initial QR Code List Item Command View Set Sep 2, 2019
package.json Initial QR Code List Item Command View Set Sep 2, 2019
tsconfig.json Initial QR Code List Item Command View Set Sep 2, 2019
tslint.json Initial QR Code List Item Command View Set Sep 2, 2019

README.md

Generate QR Code List Item Command View Set

Summary

Generates a printable QR code which links to a SharePoint list item.

If your organization likes to post signs, announcements and posters on the hallway walls, break rooms, copy rooms, etc. -- this extension is for you!

Instead of printing lengthy SharePoint URLs that your users can't interact with, generate a QR code that will link them back to your SharePoint site.

QR Code in Action

Used SharePoint Framework Version

1.9.1

Applies to

Prerequisites

There are no pre-requisites.

Solution

Solution Author(s)
react-command-qrcode Hugo Bernier (Point Alliance, @bernierh)

Version history

Version Date Comments
1.0 September 1, 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

Features

This extension will generate a QR code for a selected list item. If no list items are selected, the extension will generate a QR code for the library.

This extension illustrates the following concepts:

  • Specifying an SVG icon for the list item command view icon
  • Customizing the SVG icon at run-time
  • Generating a QR code for a selection
  • Downloading an SVG image as a PNG file
  • Copying an image to the clipboard

Debug URL for testing

Here's a debug URL for testing around this sample.

?loadSPFX=true&debugManifestsFile=https://localhost:4321/temp/manifests.js&customActions={"7c5a85c1-8b1e-4370-8198-642908faee60":{"location":"ClientSideExtension.ApplicationCustomizer","properties":{}}}

You can’t perform that action at this time.