News:

BB code in posts seems to be working again!
I haven't turned on every single tag, so please let me know if there are any that are used/needed but not activated.

Main Menu

Embed Visio diagram in modern SharePoint pages

Started by Nikolay, January 04, 2021, 11:07:55 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Nikolay

My wrapper SPFx web part for embedding Visio diagram in modern SharePoint page has been just accepted for the Microsoft SharePoint Store (it's free and open source).
The app has been validated by Microsoft SPFx validation team and now available in the app catalog:

Diagram Frame WebPart
https://appsource.microsoft.com/en/product/office/WA200002491

The WebPart embeds Visio diagram in a modern SharePoint page with richer display options (default zoom, page, etc) thant the default "File Viewer".
It is somewhat similar to the "Visio Web Access" web part in the "classic" SharePoint.
In addition to the stock "File Viewer" web part which you could use to display Visio diagram, this one features the following:



- File Browser
File browser, specific to Visio diagrams

- Start Page
You can specify which page to show first. You can specify either page name (like "My Second Page"), This only works if the diagram has more than one page. In case the page you selected does not exist, it will default to the first page.

- Select default zoom level
You can set the default zoom level for the diagram.

- Full width and application page mode support
You can add the web part as an application page.

- Support for custom width/height setting

- Support disabling menu items

For more information, please check the web part site:

https://unmanagedvisio.com/products/diagram-frame-sharepoint-visio-web-part/

Installation



You can install it directly from the App Store (just use New=> App => SharePoint Store), or you can download a package from GitHub and install it manually.
https://appsource.microsoft.com/en/product/office/WA200002491

How to add an app from SharePoint Store:
https://docs.microsoft.com/en-us/sharepoint/administration/add-apps-for-sharepoint-to-a-sharepoint-site

Download this release:
https://github.com/nbelyh/VisioOnlineSpfxWebPart/releases/tag/1.0

Support

Full source code:
https://github.com/nbelyh/VisioOnlineSpfxWebPart

If you have any ideas or found a bug, feel free to file an issue on GitHub
https://github.com/nbelyh/VisioOnlineSpfxWebPart/issues


Feedback is highly appreciated! :)

Paul Herber

I have no knowledge of Sharepoint, nor do I have access to it, so I can't try it out, but well done that man!
Electronic and Electrical engineering, business and software stencils for Visio -

https://www.paulherber.co.uk/

Nikolay


Visisthebest

Great work Sharepoint modern pages are improving all the time, so a better Visio web part is great news!
Visio 2021 Professional

Nikolay

#4
I've got 1 star review for this web part :'(
People just can't install it.

So, I was motivated to write two articles how one can try it out  ;D

How make a new SharePoint Online tenant for yourself for free and install that Diagram Frame web part on that tenant, or basically any other web part (for one month or one year). Be your own admin:
https://unmanagedvisio.com/testing-the-diagram-frame-on-a-new-trial-office-365-tenant/

How to install that thing in year 2022 on existing tenant (the experience has changed, they simplified it a lot, fortunately)
https://unmanagedvisio.com/installing-diagram-frame-web-part-to-sharepoint-online-2022/

Also, it seems to crash on Gemran SharePoint :|

Visisthebest

Great work Nikolay your web part should get a much better rating (4 to 5 stars) for sure!
Visio 2021 Professional

Nikolay


Yacine

Same as Paul and probably most of the members: no sharepoint to test your tool. Sorry.
Yacine

wapperdude

Ditto Paul, Yacine for me.  Sounds interesting, though.
Visio 2019 Pro

Browser ID: smf (possibly_robot)
Templates: 4: index (default), Display (default), GenericControls (default), GenericControls (default).
Sub templates: 6: init, html_above, body_above, main, body_below, html_below.
Language files: 4: index+Modifications.english (default), Post.english (default), Editor.english (default), Drafts.english (default).
Style sheets: 4: index.css, attachments.css, jquery.sceditor.css, responsive.css.
Hooks called: 370 (show)
Files included: 34 - 1306KB. (show)
Memory used: 1184KB.
Tokens: post-login.
Cache hits: 14: 0.00201s for 26,742 bytes (show)
Cache misses: 4: (show)
Queries used: 17.

[Show Queries]