So, this means that I can do away with the Shape Info panel and the hyperlinks popup within the Visio Web Access control, and provide hyperlinks, buttons, images, media files, or whatever, in the Content Editor html document. Therefore, I untick the Show the Shape Information Pane option, and tick the Disable Hyperlink option in the web part editor.
Then you can remove the clutter over the top of my beautiful, complex diagram – . In this example, I included some optional style instructions for the html tables.
- A shape is selected…
- Get an array of its hyperlinks
- Iterate through each item (description and value)
- Write out an html link in a table row
- Get an array of its shape data
- Iterate through each item (label, value, format, formatted value)
- Check the value
- If looks like a hyperlink …
- If media file, write out an image or media content html table row
- Else write out an html link in a table row
- Else write out label and formatted value.
Visio 2013 added a new way for commenting, and these are also available for each selected shape, but I did not want to add those to this example.
I also look forward to a day when I can use the Visio Web Access control, or similar, in public web pages…
Check out these articles from Microsoft for some more information: