Pokemon office – more html popovers

New sample with updated javascript code / template created with svg publishing, to show stuff in the office (click the picture open it live) https://nbelyh.github.io/svgpublishdemo/PokemonBldgPlan.html The javascript is very similar to the one described in the Dynamic popups on published diagrams, you can check it in the source diagram. Just the formatting is different, now it builds a chunk of HTML and populates it with some images/properties from the shapes. The source diagram and the excel file are here: 

Dynamic popups (“popovers”) on published diagrams

With HTML export, you  can specify any information to show on popup (bootstrap popover) Firs, simple demo (rectangle): Live sample: https://cdn.rawgit.com/nbelyh/svgpublishdemo/fa70891f/SimplePopover.html Souce:  This is just stock popover. The code just defines a standard bootstrap popover, but for a Visio shape (#shape1). The result might not look that impressive, but I hope it looks clear. Now let’s go for something more advanced. Lets take stock diagram and show in the popover info about the relevant computer models from the HP website. Click the image to open it live (again, hosted on GitHub)

Exporting html diagrams – binding to live services

This post briefly explains how to bind Visio diagram, exported as HTML to some external live web-service. It’s based on the HTML/SVG export extension. If you want the exported diagram to be connected to some live data,  you’ll need to connect to some live service (in this example, we consider a REST service). In the following posts, I’ll discuss binding a diagram to a SharePoint list using JSOM / REST. So, let’s take map of Europe and show temperature by coloring countries, with colder colors indicating colder temperature! You can check the result in DEMO section (click the picture to navigate): Here is …

Exporting Visio diagrams as html

Do you want to build interactive diagrams which are available via web? Well, Visio SharePoint Services are there, but what if you want to go one step further than that and control/animate shapes more precisely and use standard css3 animations for example, or if you don’t have / don’t need SharePoint Enterprise? The good old HTML/SVG export is here to help you with that! And yes, you can still have your diagrams in SharePoint. Or on GitHub pages. Or on your network drive 🙂 Check out what you can do with that!

Back-Sync: Visio “backward” data synchronization

Visio has a nice feature, which allows you to link data to shapes. This allows you to create interactive dashboards for example, display data graphics which reflect the current state of some system on Visio diagrams, etc. One thing may is occasionally needed, is a possibility to update your data source from Visio diagram. Meet the new add-in: BackSync This add-in uses Visio data-binding infrastructure, and allows you to update the data in the external source from Visio (back-synchronize). There are limitations of course, but basically it should work with most data sources which support update (including Excel files, databases, and SharePoint lists). Continue to the add-in’s page

Using SolutionXML with C#

Visio has a feature which allows third-party solutions to store it’s custom data in Visio files as XML fragments. It might be useful if you don’t want to litter document or shapes shapesheet(s) with your data. Also it has an advantage that setting it, unlike setting cells in shapesheet, does not trigger undo/redo, so user’s work is not interfered. Working with solution XML elements might require a bit work, here is a short code fragment how to deal with that in C#. The key point is that you need to create your own namespace in the XML, and then all your data …

New tool – Visio Import/Export VBA

Hi all, Have recently have created an extension to import/export VBA code from a Visio drawing or stencil. You can find this useful if you want to track VBA source code changes in your Visio files, like compare current version of the code with the past version. Could make sense to use together with some version control like TFS, Subversion, or GIT. Extension page: VBA Import/Export for Visio

Visio project templates updated (Visio 2016, VS 2015 support)

Visio project templates updated to version 1.0.7: – added support for Visual Studio 2015 – added support for Visio 2016 – Simplified source code (removed extra files, so that project structure is more like vanilla VS). – Unified project wizard. Now there is one wizard to rule it all. It allows you to add (bside the add-in itself) other Visio files/templates in the wizard itself, add name/description, etc. Addin type selection, Visio files selection, setup – from one wizard. – License support in installer. – Support for the built-in VS ribbon designer (optional) – Support for both x86 and x64 in one …