How to use Visio API to show/hide toolbar in SharePoint online

[kanchankumbhar2]

Category

• Question

Question

I wanted to hide the footer section of visio on Sharepoint page. On the page I have added embeded web part and configured the URL of visio file.

Environment details (development & target environment)

• Your Developer Environment: Windows 10
• Target Environment: SharePoint Online

I tried with this repository sample, but when I run gulp serve , for some reason I am not able to edit the properties of it.

Any heads-up on this.

Thanks for your contribution! Sharing is caring.

[ghost]

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

[patrikhellgren]

There is an active issue with the Visio JS API (OfficeDev/office-js#1378) and you probably run into that when trying the SPFx sample.
If that is the case you need to download visio-web-embedded.js and bundle that in the SPFx package instead of referencing the external package to make it work until the issue is resolved.

[andrewconnell]

Unclear what you're asking... is this within a custom SharePoint web part? I see you referenced a specific sample project in a different repo. If you have a question about that project, suggest you post the question to that repo as this issue list is for general SharePoint development-related questions.

[ghost]

The more context details you can provide, the easier it is to help assist on issues. Any code you can provide and/or screenshots of the issue also help. The easier you can make it to reproduce the issue, the easier and quicker it is for someone to help you. Please refer to How to Create Good Issues, specifically How to Create Good Issues: Include context, in our wiki for more details.

[kanchankumbhar2]

Unclear what you're asking... is this within a custom SharePoint web part? I see you referenced a specific sample project in a different repo. If you have a question about that project, suggest you post the question to that repo as this issue list is for general SharePoint development-related questions.

As I mentioned in the question, I need to hide the toolbar of visio using API. I am new in Sharepoint Online customization i.e SPFX,so need help how to achieve this feature. As I mentioned in above I try the ready to use the SPFX web part but somehow it is not working.

[kanchankumbhar2]

There is an active issue with the Visio JS API (OfficeDev/office-js#1378) and you probably run into that when trying the SPFx sample.
If that is the case you need to download visio-web-embedded.js and bundle that in the SPFx package instead of referencing the external package to make it work until the issue is resolved.

Sure I'll try this solution. Thanks

[andrewconnell]

@kanchankumbhar2 said

I am new in Sharepoint Online customization i.e SPFX,so need help how to achieve this feature. As I mentioned in above I try the ready to use the SPFX web part but somehow it is not working.

Understood, but SPFx doesn't provide an API to remove toolbars. While I'm not familiar with the Visio API, it appears this toolbar is specific to the Visio API so it's a Visio specific thing, not a SPFx thing.

[ghost]

Closing this issue as "answered". If you encounter a similar issue(s), please open up a new issue. See our wiki for more details: Issue-List: Our approach to closed issues