sp-dev-fx-webparts/samples/react-visio
Joel Rodrigues db70df922c React visio javascript APIs web part sample (#606)
* Add new project files

* Add office-js package

* update strings

* add Visio service - still missing types

* Embed visio file

* remove non required package

* move import of officejs to web part file

* remove fixed width

* use delegate functions to pass values to component

* Display links on right panel

* Update property description and web part icon

* add comment

* load document when url is provided

* Add readme

* Fixed broken image
2018-08-30 12:19:13 +03:00
..
assets React visio javascript APIs web part sample (#606) 2018-08-30 12:19:13 +03:00
config React visio javascript APIs web part sample (#606) 2018-08-30 12:19:13 +03:00
src React visio javascript APIs web part sample (#606) 2018-08-30 12:19:13 +03:00
.editorconfig React visio javascript APIs web part sample (#606) 2018-08-30 12:19:13 +03:00
.gitignore React visio javascript APIs web part sample (#606) 2018-08-30 12:19:13 +03:00
.yo-rc.json React visio javascript APIs web part sample (#606) 2018-08-30 12:19:13 +03:00
README.md React visio javascript APIs web part sample (#606) 2018-08-30 12:19:13 +03:00
gulpfile.js React visio javascript APIs web part sample (#606) 2018-08-30 12:19:13 +03:00
package-lock.json React visio javascript APIs web part sample (#606) 2018-08-30 12:19:13 +03:00
package.json React visio javascript APIs web part sample (#606) 2018-08-30 12:19:13 +03:00
tsconfig.json React visio javascript APIs web part sample (#606) 2018-08-30 12:19:13 +03:00
tslint.json React visio javascript APIs web part sample (#606) 2018-08-30 12:19:13 +03:00

README.md

React Visio Embed

Summary

This sample shows how the Visio JavaScript APIs can be used within a web part. For sample purposes, this web part will display the name and the hyperlinks of a Visio shape when the user selects it.

To test the web part, upload the sample file provided to a SharePoint document library. Then open the file on the Visio web client and copy the Url from the browser. Add that url on the web part properties field and the EmbeddedSession will start and display the diagram.

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)
react-visio Joel Rodrigues

Version history

Version Date Comments
1.0 August 23, 2018 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 Web Part illustrates the following concepts on top of the SharePoint Framework:

  • Using the Visio JavaScript APIs to embed a diagram on a page
  • Using the Visio JavaScript APIs to interact with the Visio diagram and data available