Using custom templates in SvgPublish
Custom templates allow you to extend or modify tooltips/popover/sidebar produced by the SvgPublish Visio extension to tailor your needs. This article explains how to create such custom templates.
Tag: WEB
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.
HTML Export plugin API documentation
The SVG publishing plugin Visio API documentation has been added!
– Exporting Visio diagrams to disk, sharepoint, github
– Getting / Setting any export parameters (paths, options, authorizations, etc)
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 …
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 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? …
SvgPublish Demo Diagrams
This page contains a list of samples produced with HTML/SVG Export Addin. All samples are exported to GitHub Pages, you can find them in this GitHub repository: https://github.com/nbelyh/svgpublishdemo Office Plan Demonstrates html popups with pictures and hyperlinks. The templates are configured using the “custom template” feature. Shows an office plan …