Diagram Frame SharePoint Web Part 1.2: New Navigation and German Localization Features

I am excited to announce some new improvements to the Diagram Frame SharePoint web part. In this post, I’ll discuss the new features, including navigation, crumb trail, and German localization, and guest user support (CDN hosting)

The Microsoft Store download link:

Continue reading“Diagram Frame SharePoint Web Part 1.2: New Navigation and German Localization Features”

Presenting Diagram Frame on Microsoft Community Call

Will be showing my SPFx Visio Diagram Frame web part on Viva Connections & SharePoint Framework community call this Thursday 26.01.2023 16:00 CET, ten minutes. Hope to be too boring. The community calls are open for anyone, join using the link below.

Meeting link for the SPFx community call: https://aka.ms/spdev-spfx-call

The session will be recorded, and there will be a QnA section "ask me anything" for each sample (will share the link later)


All Community Calls: https://pnp.github.io/#community

Continue reading“Presenting Diagram Frame on Microsoft Community Call”

Telegram channel

With Telegram platform becoming increasingly popular, a new telegram channel is now available for this site. I like the telegram format and will post the updates there there more often than the website (expect a post per week or something like this). The channel has also chat for comments/discussions/questions (direct communication). Notice the new icon in the header as well 🙂

Diagram Frame 1.1

The Diagram Frame web part for embedding diagrams in SharePoint using Visio Online has been updated to version 1.1

The Diagram Frame is a specialized web part to display Visio diagrams in SharePoint, that provides some extras in comparison with the stock File Viewer, such as default zoom, UI settings, and control over interactivity.

What is new in version 1.1

  • Support using the web part as a full width page
  • Support embedding the tab as a Teams Tab
  • Optimized flickering on the first load (shound not flicker, that is)
  • Optimized experience with file upload (upload defaults to the site document library instead of site assets)


Continue reading“Diagram Frame 1.1”

Minecraft crafting map with custom content templates

With content templates SvgPublish you can now "fill" Visio shapes with online dynamic content (text, images, etc). For example, if you want your rendered shapes to look differently from what they are in Visio, you can create just a "wireframe" using Visio and then provide content for this wireframe already online.

This sample illustrates this idea by building a "crafting" map for minecraft (to some point of course, it’s not a 100% accurate map, since the game evolves over time). Crafting map shows how to build one thing out of other things(s). For example, to build an Stone Axe, you need Sticks and Stones. To get sticks, you need some wood, and so on.

Continue reading“Minecraft crafting map with custom content templates”

SvgPublish 1.4.0 released – content templates

SvgPublish Visio add-In 1.4.0 release provides shape content templates, human-readable names for pages. The template editor includes Edge WebView2 support.


The latest version:

The extension’s page

What is new in this release

  • [feature] Allow human-readable name for pages (or indexes) #65
  • [feature] provide item templates #57
  • [bug][customer] Export error on duplicate properties #62
  • [bug][customer] Template editor not workng (replace WebBrowser with WebView2) #63

Content Templates

Now you can specify templates for shapes themselves. Means now you may have just blank rectangles (or circles, or whatever) in Visio, and have content for those rendered dynamically created when viewed in the web browser. You can put arbitrary markdown/html in those shapes (from shape data for example) using the built-in content template editor. This also allows links, images, etc.


Continue reading“SvgPublish 1.4.0 released – content templates”

Testing the Diagram Frame on a new trial Office 365 tenant

The article discusses how to sign up for a free new SharePoint tenant and configure it to test the Diagram Frame web part. No prerequesites required, just the browser basically. This can be useful in case you don’t have admin permissions in your organization but want to try the web part.

As far as I know, Microsoft provides at least two possibilities to get your own (private) SharePoint tenant to play with: first is the Office 365 E3 Trial (valid for one month), the second is developer account you can get here (valid for one year). Here I’ll go with the first option (Office 365 E3 Trial)

Signing up for Microsoft email

If you do not have any email account (or you do not want to use your email account), you can sign up for one at https://hotmail.com/ for example. For this flow, I’ve signed up for unmanagedvisio1@hotmail.com account.

Signig up for Office 365 Trial

Navigate to the https://www.microsoft.com/en-us/microsoft-365/enterprise/office-365-e3 and sign up using your (possibly newly created) account. You may be asked to create a new organization, just go for it, it’s no harm. The sign up wizard is pretty much straightforward, please refer to the below screenshots. I used "unmanagedvisio1" as tenant name here:


Continue reading“Testing the Diagram Frame on a new trial Office 365 tenant”