Integrating Visio with SharePoint - Visio Services Quick Guide - page 67

After the diagram loads, all of the objects are available and the diagram is rendered
to the browser. This means that the diagram is completely available on the page and we
can get to the page-level properties and methods. For example, we can set the diagram
current page zoom value percentage:
var _page = _visioWebPart.getActivePage();
_page.setZoom(85);
Once any shape is selected or changed on the active page, we need the
corresponding shape and the shape data. We need to get to Shape Data in order to get the
column values. We use the method getItemById() , which is submitted through the event
arguments:
var _activePage = _visioWebPart.getActivePage();
var _shape = _activePage.getShapes();
var _shapeItem = _shape.getItemById(args);
var _shapeData = _shapeItem.getShapeData();
var _description = "";
for (var j = 0; j < _shapeData.length; j++)
{
if (_shapeData[j].label == "Details"){
_description = _shapeData[j].value;
continue;
}
}
Finally, we get the description and assign it to the div text:
document.getElementById('landmarkDetails').firstChild.data = _description;
Now, suppose that your business analyst wants to create a simple workflow using a
Visio diagram? Is there a way to connect this diagram to one of the available workflows
easily?
Working with SharePoint Designer 2013
The answer to the questions in previous sections is yes! These scenarios can be achieved
using Visio 2013 diagrams with SharePoint Designer 2013, which now allows importing
and exporting Visio diagrams, attaching workflows to them, and then publishing to
SharePoint environment. A big difference between SharePoint 2010 style workflows
and SharePoint 2013 style workflows is that Visio visualizations are supported only on
SharePoint 2010 style workflows.