{"id":1650,"date":"2017-01-21T22:47:24","date_gmt":"2017-01-21T21:47:24","guid":{"rendered":"http:\/\/unmanagedvisio.com\/?p=1650"},"modified":"2017-02-03T10:39:48","modified_gmt":"2017-02-03T09:39:48","slug":"exporting-html-diagrams-basic-settings","status":"publish","type":"post","link":"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/","title":{"rendered":"Exporting html diagrams – basic settings"},"content":{"rendered":"

This post addresses basic output settings\u00a0of the html export<\/a><\/strong>, i.e. what you can control\u00a0right\u00a0out of the box.<\/p>\n

Let’s check the options. You can open them using “Settings” button on the tab:<\/p>\n

\"\"<\/p>\n

This will show\u00a0the add-in’s\u00a0settings panel:<\/p>\n

<\/p>\n

\"\"<\/p>\n

Below is the explanation of each option.<\/p>\n

All pages<\/h4>\n

This option will\u00a0either publish all pages (when checked) or a single page (active) when not checked. If all pages are included, the page switch is also included (see below the example of the diagram, published with this option only<\/strong>):<\/p>\n

\"\" <\/a>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/a><\/p>\n

Enable shape properties<\/h4>\n

This option will show properties of the shape on the sidebar on shape selection.\u00a0See example below.<\/p>\n

\"\"<\/a>\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\"\"<\/a><\/p>\n

Enable hyperlinks<\/h4>\n

This option will show shape’s hyperlinks on sidebar, if there are any. Note that “absolute” hyperlinks are left as is, whereas “another page” hyperlinks are converted properly to point to other pages.\u00a0Note that for them to work, all pages should be\u00a0exported.<\/p>\n

\"\"\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/a>\"\"<\/a><\/p>\n

Enable shape selection<\/h4>\n

Enables “hover” and “select” visual feedback for shapes (hightlight).\u00a0By default, svg filters are used for that; if svg filters are not supported, the diagram will fall-back to simple transparency.<\/p>\n

Follow hyperlinks on click<\/h4>\n

Will\u00a0equip shapes themselves with clickable hyperlinks. When shape has a single hyperlink, it will be followed when the shape is clicked. When shape has several hyperlinks, the default hyperlink (one marked with “default” checkbox in Visio hyperlink settings) will be followed.<\/p>\n

Process top level shapes only<\/h4>\n

This enforces the export to consider only top-level shapes for properties and hyperlinks (any functions). For example, all sub-shapes (member of groups) will be ignored, even if they do have properties. Note that this is default Visio behavior with data-binding for example.<\/p>\n

Advanced options (javascript, templates, etc)<\/h4>\n

Will be described in\u00a0the subsequent posts!<\/p>\n","protected":false},"excerpt":{"rendered":"

This post addresses basic output settings\u00a0of the html export, i.e. what you can control\u00a0right\u00a0out of the box. Let’s check the options. You can open them using “Settings” button on the tab: This will show\u00a0the add-in’s\u00a0settings panel:<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[55],"tags":[46,53,52],"yoast_head":"\nExporting html diagrams - basic settings - Unmanaged Visio<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Exporting html diagrams - basic settings - Unmanaged Visio\" \/>\n<meta property=\"og:description\" content=\"This post addresses basic output settings\u00a0of the html export, i.e. what you can control\u00a0right\u00a0out of the box. Let’s check the options. You can open them using “Settings” button on the tab: This will show\u00a0the add-in’s\u00a0settings panel:\" \/>\n<meta property=\"og:url\" content=\"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/\" \/>\n<meta property=\"og:site_name\" content=\"Unmanaged Visio\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/unmanagedvisio\" \/>\n<meta property=\"article:published_time\" content=\"2017-01-21T21:47:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-02-03T09:39:48+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/unmanagedvisio.com\/wp-content\/uploads\/21-01-2017-22-23-41.png\" \/>\n<meta name=\"author\" content=\"nbelyh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@unmanagedvisio\" \/>\n<meta name=\"twitter:site\" content=\"@unmanagedvisio\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"nbelyh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/\"},\"author\":{\"name\":\"nbelyh\",\"@id\":\"https:\/\/unmanagedvisio.com\/#\/schema\/person\/b91c181ca86fdde0c9536f8f37d27134\"},\"headline\":\"Exporting html diagrams – basic settings\",\"datePublished\":\"2017-01-21T21:47:24+00:00\",\"dateModified\":\"2017-02-03T09:39:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/\"},\"wordCount\":300,\"commentCount\":3,\"publisher\":{\"@id\":\"https:\/\/unmanagedvisio.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/unmanagedvisio.com\/wp-content\/uploads\/21-01-2017-22-23-41.png\",\"keywords\":[\"Addin\",\"HTML\",\"SVG\"],\"articleSection\":[\"svgpublish\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/\",\"url\":\"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/\",\"name\":\"Exporting html diagrams - basic settings - Unmanaged Visio\",\"isPartOf\":{\"@id\":\"https:\/\/unmanagedvisio.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/unmanagedvisio.com\/wp-content\/uploads\/21-01-2017-22-23-41.png\",\"datePublished\":\"2017-01-21T21:47:24+00:00\",\"dateModified\":\"2017-02-03T09:39:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/#primaryimage\",\"url\":\"https:\/\/unmanagedvisio.com\/wp-content\/uploads\/21-01-2017-22-23-41.png\",\"contentUrl\":\"https:\/\/unmanagedvisio.com\/wp-content\/uploads\/21-01-2017-22-23-41.png\",\"width\":457,\"height\":180},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/unmanagedvisio.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Exporting html diagrams – basic settings\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/unmanagedvisio.com\/#website\",\"url\":\"https:\/\/unmanagedvisio.com\/\",\"name\":\"Unmanaged Visio\",\"description\":\"Improved diagramming with Visio\",\"publisher\":{\"@id\":\"https:\/\/unmanagedvisio.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/unmanagedvisio.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/unmanagedvisio.com\/#organization\",\"name\":\"Unmanaged Visio\",\"url\":\"https:\/\/unmanagedvisio.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/unmanagedvisio.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/unmanagedvisio.com\/wp-content\/uploads\/About-20200318-011503.png\",\"contentUrl\":\"https:\/\/unmanagedvisio.com\/wp-content\/uploads\/About-20200318-011503.png\",\"width\":48,\"height\":48,\"caption\":\"Unmanaged Visio\"},\"image\":{\"@id\":\"https:\/\/unmanagedvisio.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/unmanagedvisio\",\"https:\/\/x.com\/unmanagedvisio\",\"https:\/\/www.youtube.com\/user\/unmanagedvisio\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/unmanagedvisio.com\/#\/schema\/person\/b91c181ca86fdde0c9536f8f37d27134\",\"name\":\"nbelyh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/unmanagedvisio.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/49703225bd908ef88c4ed1171dd46339?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/49703225bd908ef88c4ed1171dd46339?s=96&d=mm&r=g\",\"caption\":\"nbelyh\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Exporting html diagrams - basic settings - Unmanaged Visio","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/","og_locale":"en_US","og_type":"article","og_title":"Exporting html diagrams - basic settings - Unmanaged Visio","og_description":"This post addresses basic output settings\u00a0of the html export, i.e. what you can control\u00a0right\u00a0out of the box. Let’s check the options. You can open them using “Settings” button on the tab: This will show\u00a0the add-in’s\u00a0settings panel:","og_url":"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/","og_site_name":"Unmanaged Visio","article_publisher":"https:\/\/www.facebook.com\/unmanagedvisio","article_published_time":"2017-01-21T21:47:24+00:00","article_modified_time":"2017-02-03T09:39:48+00:00","og_image":[{"url":"http:\/\/unmanagedvisio.com\/wp-content\/uploads\/21-01-2017-22-23-41.png"}],"author":"nbelyh","twitter_card":"summary_large_image","twitter_creator":"@unmanagedvisio","twitter_site":"@unmanagedvisio","twitter_misc":{"Written by":"nbelyh","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/#article","isPartOf":{"@id":"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/"},"author":{"name":"nbelyh","@id":"https:\/\/unmanagedvisio.com\/#\/schema\/person\/b91c181ca86fdde0c9536f8f37d27134"},"headline":"Exporting html diagrams – basic settings","datePublished":"2017-01-21T21:47:24+00:00","dateModified":"2017-02-03T09:39:48+00:00","mainEntityOfPage":{"@id":"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/"},"wordCount":300,"commentCount":3,"publisher":{"@id":"https:\/\/unmanagedvisio.com\/#organization"},"image":{"@id":"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/#primaryimage"},"thumbnailUrl":"http:\/\/unmanagedvisio.com\/wp-content\/uploads\/21-01-2017-22-23-41.png","keywords":["Addin","HTML","SVG"],"articleSection":["svgpublish"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/","url":"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/","name":"Exporting html diagrams - basic settings - Unmanaged Visio","isPartOf":{"@id":"https:\/\/unmanagedvisio.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/#primaryimage"},"image":{"@id":"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/#primaryimage"},"thumbnailUrl":"http:\/\/unmanagedvisio.com\/wp-content\/uploads\/21-01-2017-22-23-41.png","datePublished":"2017-01-21T21:47:24+00:00","dateModified":"2017-02-03T09:39:48+00:00","breadcrumb":{"@id":"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/#primaryimage","url":"https:\/\/unmanagedvisio.com\/wp-content\/uploads\/21-01-2017-22-23-41.png","contentUrl":"https:\/\/unmanagedvisio.com\/wp-content\/uploads\/21-01-2017-22-23-41.png","width":457,"height":180},{"@type":"BreadcrumbList","@id":"https:\/\/unmanagedvisio.com\/exporting-html-diagrams-basic-settings\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/unmanagedvisio.com\/"},{"@type":"ListItem","position":2,"name":"Exporting html diagrams – basic settings"}]},{"@type":"WebSite","@id":"https:\/\/unmanagedvisio.com\/#website","url":"https:\/\/unmanagedvisio.com\/","name":"Unmanaged Visio","description":"Improved diagramming with Visio","publisher":{"@id":"https:\/\/unmanagedvisio.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/unmanagedvisio.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/unmanagedvisio.com\/#organization","name":"Unmanaged Visio","url":"https:\/\/unmanagedvisio.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/unmanagedvisio.com\/#\/schema\/logo\/image\/","url":"https:\/\/unmanagedvisio.com\/wp-content\/uploads\/About-20200318-011503.png","contentUrl":"https:\/\/unmanagedvisio.com\/wp-content\/uploads\/About-20200318-011503.png","width":48,"height":48,"caption":"Unmanaged Visio"},"image":{"@id":"https:\/\/unmanagedvisio.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/unmanagedvisio","https:\/\/x.com\/unmanagedvisio","https:\/\/www.youtube.com\/user\/unmanagedvisio"]},{"@type":"Person","@id":"https:\/\/unmanagedvisio.com\/#\/schema\/person\/b91c181ca86fdde0c9536f8f37d27134","name":"nbelyh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/unmanagedvisio.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/49703225bd908ef88c4ed1171dd46339?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/49703225bd908ef88c4ed1171dd46339?s=96&d=mm&r=g","caption":"nbelyh"}}]}},"_links":{"self":[{"href":"https:\/\/unmanagedvisio.com\/wp-json\/wp\/v2\/posts\/1650"}],"collection":[{"href":"https:\/\/unmanagedvisio.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unmanagedvisio.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unmanagedvisio.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unmanagedvisio.com\/wp-json\/wp\/v2\/comments?post=1650"}],"version-history":[{"count":2,"href":"https:\/\/unmanagedvisio.com\/wp-json\/wp\/v2\/posts\/1650\/revisions"}],"predecessor-version":[{"id":1660,"href":"https:\/\/unmanagedvisio.com\/wp-json\/wp\/v2\/posts\/1650\/revisions\/1660"}],"wp:attachment":[{"href":"https:\/\/unmanagedvisio.com\/wp-json\/wp\/v2\/media?parent=1650"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unmanagedvisio.com\/wp-json\/wp\/v2\/categories?post=1650"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unmanagedvisio.com\/wp-json\/wp\/v2\/tags?post=1650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}