Visio Guy

Visio Guy Website & General Stuff => User-submitted Stuff => Topic started by: Nikolay on January 04, 2021, 11:07:55 AM

Title: Embed Visio diagram in modern SharePoint pages
Post by: Nikolay on January 04, 2021, 11:07:55 AM
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:

(https://unmanagedvisio.com/wp-content/uploads/image-1607345526525.png)

- 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

(https://i.paste.pics/68ab24637158df67c7a594e7debc36e8.png)

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! :)
Title: Re: Embed Visio diagram in modern SharePoint pages
Post by: Paul Herber on January 04, 2021, 11:21:53 AM
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!
Title: Re: Embed Visio diagram in modern SharePoint pages
Post by: Nikolay on January 04, 2021, 12:00:47 PM
Thank you Paul  :)
Title: Re: Embed Visio diagram in modern SharePoint pages
Post by: Visisthebest on January 04, 2021, 03:44:56 PM
Great work Sharepoint modern pages are improving all the time, so a better Visio web part is great news!
Title: Re: Embed Visio diagram in modern SharePoint pages
Post by: Nikolay on August 27, 2022, 11:14:58 AM
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 :|
Title: Re: Embed Visio diagram in modern SharePoint pages
Post by: Visisthebest on August 30, 2022, 11:44:13 AM
Great work Nikolay your web part should get a much better rating (4 to 5 stars) for sure!
Title: Re: Embed Visio diagram in modern SharePoint pages
Post by: Nikolay on August 30, 2022, 12:04:09 PM
Thank you  ;D

BTW, they have finally added a possibility to respond to reviews  8)
https://docs.microsoft.com/en-us/azure/marketplace/ratings-reviews
Title: Re: Embed Visio diagram in modern SharePoint pages
Post by: Yacine on August 31, 2022, 06:45:04 AM
Same as Paul and probably most of the members: no sharepoint to test your tool. Sorry.
Title: Re: Embed Visio diagram in modern SharePoint pages
Post by: wapperdude on August 31, 2022, 02:24:00 PM
Ditto Paul, Yacine for me.  Sounds interesting, though.