Visio Guy

Visio => Visio Marketplace & Classified Ads => Topic started by: Nikolay on January 15, 2017, 08:51:54 PM

Title: HTML (SVG) Export
Post by: Nikolay on January 15, 2017, 08:51:54 PM
Hi guys,

Recently finished my new long-standing extension for exporting HTML from Visio.
I've tried first time with vispublish here: http://visguy.com/vgforum/index.php?topic=61, but it didn't quite fly :)

Now it's much easier, it's a local HTML export, just as "save as", but one that works in modern browsers, and supports extensibility (e.g. animations/javascript)
Means, it can export HTML file directly to the local drive.

Demo pages
http://unmanagedvisio.com/html-export-demo/

I like "stuhlek" the most, since it connects to LVIE  DATA on the target website, and I visit it quite often :)
(http://unmanagedvisio.com/wp-content/uploads/stuhlek-150x76.gif) (https://nbelyh.github.io/svgpublishdemo/stuhlek.html)

Simple org chart.
(http://unmanagedvisio.com/wp-content/uploads/14-01-2017-16-27-17.png) (https://nbelyh.github.io/svgpublishdemo/OrgChart__0.html)

In standard functionality, it can export to (any) SharePoint AND to GitHub pages (to share diagrams for free!).
Check out the above diagrams - they are all hosted on GitHub!

In short, HTML export done in 2016 :)
The standard features (pages, properties, hyperlinks, tooltips) are out-of-the box.
Viewing works with browsers: Chrome, Firefox, IE9+, Edge, mobile browsers (ipad, android/chrome)
Title: Re: HTML (SVG) Export
Post by: Yacine on January 16, 2017, 06:22:28 AM
Awesome! I missed such a feature from the beginning of Visio.
Thank you so much for this work.

By the way the msi does require admin rights.
Title: Re: HTML (SVG) Export
Post by: Nikolay on January 16, 2017, 06:34:53 AM
Thanks!
About the MSI - you can click "Advanced", then select "Install only for me", then no admin rights are required.
Title: Re: HTML (SVG) Export
Post by: Yacine on January 16, 2017, 07:54:59 AM
Installation worked fine.
Did a first test. Will report later.
Title: Re: HTML (SVG) Export
Post by: Paul Herber on January 17, 2017, 06:09:12 AM
This is very impressive and cool!  8)
Title: Re: HTML (SVG) Export
Post by: Nikolay on January 17, 2017, 07:20:10 AM
Thanks Paul!
Title: Re: HTML (SVG) Export
Post by: Yacine on January 19, 2017, 09:19:25 AM
Hi Nikolay,
Here are my first test results:
Rgds,
Y.
Title: Re: HTML (SVG) Export
Post by: Nikolay on January 19, 2017, 11:21:40 AM
Hi Yacine!
Thank you for the feedback!

1. Could you please send that drawing with 2000 shapes as PM, or by email, i'll try to fix that.

2. What do you thing, how would it be to do that? Maybe explicit flag like "exclude" from selection could be helpful?

3. There seems to be a bug with that field. To kee pthe text, you click that field, then another field (not the drawing). Could you please try the updated version?

4. Now there should be 2 windows - for custom CSS as well! (next to the javascript). Please check out the updated build.
Title: Re: HTML (SVG) Export
Post by: Yacine on January 20, 2017, 06:03:03 AM
1. Done
2. a check box for individual shapes would be fine. (information to be stored in the shape as prop or user field for better editing of large works).
I could also imagine one global flag "export only data at top level" (parent = page)
3. The update did it.
4. The windows are not identifiable as such at first glance. Either add labels or fill them with an explanation which disappears on gotFocus.
Contents were however inserted just fine in the export file. (Still need to figure out how to use them. Looking forward to read your tutorial)
Title: Re: HTML (SVG) Export
Post by: Nikolay on January 20, 2017, 09:16:21 PM
1. Fixed.
2. A global checkbox added.
3. Fixed.
4. I'll try to write an article/tutorial this weekend for using custom stuff there.
What would you think, would option to edit HTML/JS templates "globally" be useful, or "minor" amendments are good enough?
Anyways, this is probably to be discussed after writing some introduction/tutorial...
Title: Re: HTML (SVG) Export
Post by: Yacine on January 21, 2017, 08:43:24 AM
1-4 *****
Thank you.

Editing CSS and JS:
That's a very big task.
Consider only CSS and JS Pros, or also common Visio users?
Inkscapes dropdown lists allowing to chose an action for an event for a certain shape are quite fine. You may have a look at it.
Different solutions as templates would be fine. (Beside the left display bar, one could imagine having floating data windows?)
Title: Re: HTML (SVG) Export
Post by: Nikolay on February 09, 2017, 10:11:25 PM
New feature: now it support switching layers on/off. Demo:

http://unmanagedvisio.com/layers-support-in-html-publishing/

Title: Re: HTML (SVG) Export
Post by: Yacine on February 10, 2017, 02:58:47 AM
Very good idea and very useful. Thank you.
Title: Re: HTML (SVG) Export
Post by: Visio.Alex on September 27, 2017, 02:53:28 PM
Has anyone had any issue with the current beta version of this add-in (v1.2.3.0). Visio 2013 throws an error:

"The given key is not present in the dictionary."

Any help would be appreciated.

Alex
Title: Re: HTML (SVG) Export
Post by: Nikolay on September 27, 2017, 03:02:51 PM
Hi Alex,

Could you please share the file. Looks like some upgrade issue.
Either to support@unmanagedvisio.com or nbelyh@gmail.com if you don't want to share it publicly here.

There are losts of new stuff in 1.2.3, looks like compatibility has been broken somewhere.

The release is actually "almost ready", currently I'm just testing it to make sure nothing is broken.
So it would be very helpful, will follow up as soon as possible.

Or does it happen on a blank new file as well?
Title: Re: HTML (SVG) Export
Post by: Visio.Alex on September 27, 2017, 05:01:39 PM
The issue persists on all files opened, including blank new files.

Thanks for the quick update!

Alex
Title: Re: HTML (SVG) Export
Post by: Nikolay on September 27, 2017, 06:01:55 PM
Dear Alex,

Could you please check if new build (1.2.3.2) works for you:
http://unmanagedvisio.com/download/svgpublish/SvgExport-1.2.3.2.msi

--- update ---

seems to be fixed in that build