• Skip to main content
  • Skip to primary sidebar
  • Skip to footer

bVisual

  • Home
  • Services
    • How Visio smartness can help your business
    • Visio visual in Power BI
    • Visio Consulting Services
    • Visio Bureau Services
    • Visio Training and Support Services
  • Products
    • SS Plus
    • LayerManager
    • visViewer
    • Metro Icons
    • Rules Tools for Visio
    • The Visio 2010 Sessions App
    • Multi-Language Text for Visio
    • Document Imager for Visio
    • multiSelect for Visio
    • pdSelect for Visio
  • Case Studies
    • Case studies overview
    • Visualizing Construction Project Schedules
    • Visio Online Business Process Mapping
    • Nexans Visio Template
    • VRA makes the case for Prudential
    • CNEE Projects, WorldCom
    • Chase Manhattan Bank
  • News
    • Recent news
    • News archive
  • Resources
    • Articles➡
      • Comparing Visio for the Web and Desktop
      • Customising Visio Shapes for the Web App
      • Key differences between the Visio desktop and web apps
      • Key differences between the Visio desktop and web apps
      • Using the Visio Data Visualizer in Excel
      • Using Visio in Teams
      • Creating Visio Tabs and Apps for Teams with SharePoint Framework (SPFx)
      • Designing Power Automate Flows with Microsoft Visio
      • Innovative uses of Visio Lists
    • Webcasts ➡
      • My session and other Visio sessions at MSIgnite 2019
      • Power up your Visio diagrams
      • Vision up your Visio diagrams
      • The Visio 2010 MVP Sessions
    • Visio Web Learning Resources
    • Books➡
      • Mastering Data Visualization with Microsoft Visio
      • Microsoft Visio Business Process Diagramming and Validation
      • Visualizing Information with Microsoft Visio
  • Blog
    • Browse blog articles
    • Visio Power BI articles
    • Visio for Web articles
    • Visio blog on Orbus website
    • A history of messaging and encryption
  • About us
    • About bVisual
    • Testimonials
    • Bio of David Parker
    • Contact Us
    • Website Privacy Policy
    • Website terms and conditions
    • Ariba Network
You are here: Home / Resources / Key differences between the Visio desktop and web apps

Key differences between the Visio desktop and web apps

This is my last article in this series about customising Visio documents for the web app, and we have seen how we can create custom shapes using the desktop app, that enhance and improve productivity in the web app. I have also recorded a webinar that can be viewed at Providing Custom Templates for Visio web app. Although Microsoft have embarked on a partial convergence of the two apps, there are some features in the desktop app that are probably never going to be available in the web app, and there are some features that will become available over time, and others which will probably only ever exist in the web app. This article may seem a little negative about the content of the web app, but it is not meant to be. The web app is a fraction of the cost of the desktop app, and I would like to encourage the side-by-side use of the two apps, sharing the same files, without causing frustration brought about by ignoring the fact that they are not the same.

Drawing tools

Strange as it may seem, but the Visio web app does not yet have the ability to use the drawing tools that are available in the desktop app. However, if they are used in the desktop app, then the shapes are still available for some editing in the web app.

  • Desktop drawing tools
  • No drawing tools in web

The web app is currently aimed at dragging and dropping shapes from the stencils onto a page, therefore all of the shapes are actually instances of a master shape within the hidden Document Stencil. In the above example, the shapes labelled Rectangle and Ellipse were drawn using the drawing tools in Visio desktop. They are not instances of the Rectangle and Ellipse master shapes that can be seen in the Basic Shapes stencil. Therefore, they do not inherit any of the built-in features of these master shapes, such as pre-defined connection points.

Also notice that I have labelled two lines as Line (1D) and Line (2D), which were both drawn using the Line drawing tool. These are examples of two different behaviours for shapes in Visio, and the behaviour of lines drawn with this tool automatically switches from 1D to 2D when a second segment is added to the line. 1D[imensional] shapes are often called connectors because they can be connected to connection points, usually positioned on 2D[imensional] shapes. In fact, Visio originally only allowed connections by 1D shapes between 2D shapes, but then the ability to connect 1D shapes to other 1D shapes was added, by automatically generating a connection point, and then the ability for two 2D shapes to glue to each other was added, by introducing different types of connection points.

Dimensional Accuracy

The Visio web app does not have the ability of editing the actual dimension of shapes. Sure, you can re-size shapes using the handles, but unlike the desktop app, you cannot type in the size that you want a shape to be. Moreover, the desktop app has a Size & Position window where you can enter dimensions as Metric or US Units, provided you add the correct suffixes, and you can enter some mathematical formulas. This lack of dimensional capability may be ok for schematic diagrams, such as flowcharts and organisational charts, but is definitely a serious handicap for any measured type of drawings, such as office layouts or rack elevations.

Layers

The Visio web app does not support layers, or more accurately it does not have a user interface for editing layers. Many of the master shapes in the Visio stencils are assigned to layers already, so the web app does not destroy them, but as soon as you mark a layer as locked using the desktop app, then that Visio document cannot be edited in the Visio web app.

Visio layers are more complex than any other application that I am aware of because a shape in Visio can be assigned to none, one or more layers simultaneously, and each shape within a group shape can have all of these different permutations. Thus, the correct visual rendering of a shape is very complicated, but the desktop app (and to some extent the Visio Viewer iOS app) manage to overcome this complexity. Moreover, each layer can be visible, printable, selectable, snap-able, glue-able and have a colour assigned. I have written a popular LayerManager add-in for the desktop app that provides management of all of these possible settings, and hope that Microsoft will add complete layer support into the web app soon. Indeed, layers can be a crucial feature for the successful embedding of Visio diagrams within Power BI reports.

Background Pages

The desktop app allows you to a Background page displaying behind a Foreground page. This background page can contain shapes and text, and is often used for Borders and Titles. However, certain formulas, =PAGENUMBER() and =PAGENAME() that display the values of the foreground page, even if they are applied to the background in the desktop app, do not work correctly in the web app, even though the web app does display the background page.

  • Desktop app Foreground page with a Background page
  • Web app Foreground page with a Background page

The web app does not enable background pages to be created, or assigned, but it does allow them to be edited, even though the tab label is shown italicised, just like in the desktop app.

Scaled pages

The desktop app has many templates, mainly in the Maps and Floor Plans category, that contain scaled pages and stencils with scaled master shapes. Although some scaled shapes on scaled pages display in the web app, they do not appear to be editable, as even trying to move them has undesirable effects. There are other shapes, such as the Space one, that utilise Windows add-ons extensively, will prevent the web app from allowing the document from being edited at all. So, scaled pages and shapes should be used with caution … for now.

CAD files

CAD (*.dwg) files can be inserted into pages using Visio desktop, and these Visio documents can be viewed online with the Microsoft File Viewer, but they cannot be edited using the Visio web app yet. However, the desktop app can be used to convert selected layers into native Visio graphical elements, which may result in a larger number of shapes, some of which may even be invisible and outside the drawing page! Once I had removed all of the ghost shapes, and ungrouped the single shape that was left which had all of the other converted shapes as member shapes, I was left with too many shapes for the web app to handle in this example of an office floor plan. So, I removed the layers that contained the furniture and workstations because I wanted to re-plan the desk layouts anyway. I was then able to open the floor plan in the web app for editing, however, the lack of dimensional accuracy is a drawback.

  • Insert CAD file in desktop app
  • Convert selected CAD object layers
  • Fits to page by default
  • Remove extraneous shapes
  • Review converted layers
  • Remove unwanted layers
  • Edit in web app

I did manage to do the above action on a second scaled page, and everything seemed to be working, but soon, the web app just got confused about which shape I had selected. Therefore, I think scaled pages are a no-no for now.

Structured Diagrams

Structured diagrams were introduced in Visio 2010, and mainly consists of Connectivity, Containers,  Lists, and Callouts. Many User-defined Cells with reserved row names that defines special behaviours for shapes. For example, msvStructureType will have a value that specifies the structure type, and msvShapeCategories can have a semi-colon separated list of categories that a shape belongs to. Structured diagrams seem to work quite well within the web app, since they are the cornerstone of cross-functional flowcharts.

Validation Rules

One reason for the introduction of structured diagrams was to make it easier to verify that a document was well-formed. This verification can be undertaken with checking a number of validation rules, which is a feature available in Visio Professional and Visio Plan 2. The data created visually using specific shapes in Visio, can then validated against these rules before being exported to say, SharePoint Workflow Designer, or any other external application. Validation rules can be stored as XML, and they will persist in the Visio document if it is edited in the Visio web app.  However, there is no ability to use these rules in the web app, as in the following example of a BPMN diagram that was created in Visio desktop, but continued in Visio web app.

  • BMPN in Visio desktop
  • BPMN in Visio web

Notice that there are some right mouse menu actions available in the web app, but there are no new BPMN shapes available in the stencil. However, existing shapes can be moved, duplicated, disconnected, connected, added into containers, etc. The Shape Data rows that require text entries cannot be updated in the web app, but Comments can be added to shapes, which could be instructions for a desktop app user to complete.

The Basic Flowchart and Cross-Functional Flowchart templates also contain Validation Rules. The flowcharts can be validated with the desktop app (Professional or Plan 2), regardless of where the diagram was first created.

External Data & Data Graphics

Visio Plan 2 and Professional desktop editions have a great and useful feature which allows External Data to be linked to shapes. This tool will add Shape Data, if necessary, to the target shapes and copy over the values from each row. By default, Data Graphics will be applied to each shape, which can then be modified. Data Graphics are Text Callouts, Data Bars, Icon Sets or Color by Value, and the first three will add member shapes into the target shapes.

Neither External Data or Data Graphics are supported by the web app, so they must be removed whilst in the desktop app, as shown in the following series of screenshots.

  • External Data and Data Graphics
  • Remove any Data Graphics
  • Remove Unused Masters and Unused Themes
  • Remove data from external sources
  • Insert Text Field from Shape Data
  • Shape Data visible in web app

Summary

These three articles, and the accompanying webcast, demonstrates how a Visio desktop user can enhance Visio documents that can be subsequently edited by Visio web app users. Microsoft will be continually converging the web app towards the smartness of the desktop app, and they will also be adding some features to the web app that are only available whilst connected online. A Visio Plan 2 license includes both the desktop and web app, so a developer can constantly check whether a resultant document is editable by those users with just Visio Plan 1, the web app. The Visio web app is continually increasing in smartness, and you can enhance and augment it with the desktop app now.

Previous articles in this series

Comparing Visio for the Web and Desktop

Customising Visio shapes for the web app

Register for my webinar Providing Custom Templates for Visio web app

Related Microsoft Articles

Why can’t I open a diagram for editing in Visio for the web?

Visio for the web service description

Visio for the web

Play Backgammon with Visio

Still in lockdown on holiday, so I thought I would create a version of backgammon that can be played with Visio for the web. This was inspired by my original Visio tutor, the late David Edson, who created a Visio backgammon document which included macros. Macros are not available in Visio for the web, so…

Play Chess with Visio in Teams

Following on from my last article about playing checkers with Visio in Teams, I decided that I should also revisit my earlier Visio chessboard to make it work in Visio online. I have implemented the ability to automatically reset the positions before a new game, and I have made a single chess piece shape that…

Play Checkers with Visio in Teams

We are all spending more time in Teams or SharePoint nowadays, but not everyone knows that Visio documents can now be shared and collaborated with, and even set as a Teams tab. I was trying to think of a suitable demonstration of the co-working and collaboration possibilities, and came up with a reworking of an…

Visio is NOT Vizio!

Update 1 : Microsoft read this post and immediately corrected the spelling so the following now works : https://adoption.microsoft.com/virtual-hub/search/?_sft_vh_product=microsoft-visio 🙂 Update 2 : Mr VisGuy! “spelt” is the same as “spelled” outside USA! Aarghh! What kind of message is sent out if a company does not know how to spell the name of their own…

Visio now and beyond at Microsoft Ignite 2020

I have presented at the last four Microsoft Ignite conferences and was part way through the world-wide tour when this pandemic began. I was looking forward to visiting New Orleans for this years shindig, but, alas, we are now in a new world where in-person events are a fond memory. Fortunately, Microsoft have the tools…

Visio Slide Snippets

Manual Fix for Slide Snippets in Visio Plan 2

Microsoft Visio Plan 2 has a cool feature, Slide Snippets, that can create a PowerPoint slide show from special rectangle shapes placed around the pages of a Visio document. Unfortunately, there is currently an issue with distortion of the images in PowerPoint, so I will show how this can be fixed manually… (more…)

Primary Sidebar

  • LinkedIn
  • Twitter

Recent Posts

  • Referencing Visio Shapes
  • Play Backgammon with Visio
  • Play Chess with Visio in Teams
  • Play Checkers with Visio in Teams
  • Creating PowerPoint Presentations automatically from Visio

Categories

Tags

Accessibility Add-Ins Connectors Data Export Data Graphics Data Import Data Visualizer Educational Excel GraphDatabase Hyperlinks Icon Sets JavaScript Layers Legend Link Data to Shapes MSIgnite Office365 Org Chart PowerApps PowerBI PowerQuery Processes Shape Data Shape Design ShapeSheet ShapeSheet Functions SharePoint SharePoint 2013 SQL Teams Themes Validation VBA Video Visio Visio 2007 Visio 2013 Visio for the Web Visio Online Visio Pro for Office365 Visio Services Visio Viewer Web Webinar

Footer

bVisual Profile

The UK-based independent Visio consultancy with a worldwide reach. We have over 25 years experience of providing data visualization solutions to companies around the globe.

Learn more about bVisual

  • LinkedIn
  • Twitter

Search this website

Recent posts

  • Referencing Visio Shapes
  • Play Backgammon with Visio
  • Play Chess with Visio in Teams
  • Play Checkers with Visio in Teams
  • Creating PowerPoint Presentations automatically from Visio

Copyright © 2021 · Executive Pro on Genesis Framework · WordPress · Log in

We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.OkPrivacy policy