Using SvgPublish as Visio Online script playground
A new feature that allows you to play with scripting for the new Visio Online with comfort. Live shape updates, autocomplete, parameter info right out of the box.
Tag: javascript
Starting PuTTY from an exported HTML diagram
Consider a following scenario: you have a diagram containing network devices (servers) and you want to start PUTTY client when any of those devices is clicked to open SSH session to a corresponding device. And you want that to be on a webpage.
A possible solution to that on windows is to register a custom application protocol and map it to launch an executable. You can see a common example when “callto:” link opens Skype. Here are some explanations. This works for all major browsers, works also in Visio (without any macros).
With Visio (and a tiny SVG Publish script), this approach can be improved. Suppose you have a rack diagram, which already has all server addresses ready. SVG Publish can convert the data into custom links that can be used to launch an executable (PuTTY in this example).
Scripts used in svg publish extension are on github
Recently published all javascript, html, and css code of scripts used in html publishing to the GitHub for the upcoming version 1.1: https://github.com/nbelyh/svgpublish-templates This repository contains the default built-in templates, that are used in the Svg Publish extension The scripts/style files are bundled and minified at the build time by the …
Layers support in html publishing
With new update to Version 1.0.9 there is new out-of-the-box function of the Svg Publish extension – layer support! Now you can publish diagrams, and add optional layer management, to allow switching layers on/off on the published diagram. This allows to control diagram’s layers on the web to show/hide it’s …
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/demo/PokemonBldgPlan2.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 …
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. …
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 …