{"id":51583,"date":"2010-01-12T00:01:00","date_gmt":"2010-01-12T00:01:00","guid":{"rendered":"https:\/\/blogs.technet.microsoft.com\/heyscriptingguy\/2010\/01\/12\/hey-scripting-guy-can-i-make-a-microsoft-visio-drawing-with-network-shapes-and-symbols\/"},"modified":"2010-01-12T00:01:00","modified_gmt":"2010-01-12T00:01:00","slug":"hey-scripting-guy-can-i-make-a-microsoft-visio-drawing-with-network-shapes-and-symbols","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/scripting\/hey-scripting-guy-can-i-make-a-microsoft-visio-drawing-with-network-shapes-and-symbols\/","title":{"rendered":"Hey, Scripting Guy! Can I Make a Microsoft Visio Drawing with Network Shapes and Symbols?"},"content":{"rendered":"

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

 <\/p>\n

\"Hey,<\/font><\/p>\n

Hey, Scripting Guy! I have been excited about the Microsoft Visio Week articles since I heard your interview back during the holidays. When I read your tweets<\/font><\/a> as you were the writing the Hey, Scripting Guy! posts, I really got excited. I must say that reading yesterday’s article where you added a square to a Microsoft Visio drawing was cool but somewhat of a letdown. I am a network administrator and want to be able to use Microsoft Visio to do network drawings and stuff like that. I imagine my six-year-old daughter would enjoy running your draw-a-square script, but even she would get bored before too long. How about showing us network shapes and symbols? <\/p>\n

— CF<\/p>\n

\n

 <\/p>\n

\"Hey,Hello CF, <\/p>\n

Microsoft Scripting Guy Ed Wilson. I just realized something. I have no tea, no music playing, and there is no sun outside. It is as if the weather outside is mirroring my poor dismal existence. Wait a second, please. Okay, I am back. I am using my new tea pot the Scripting Wife got for me to brew a pot of rooibos tea<\/a>. I fell in love with rooibos tea in Hamburg when I was teaching a Windows PowerShell workshop. I took the picture of the town hall (Rathaus) that is seen just below from a little sidewalk café that served awesome rooibos tea. <\/p>\n

\"Image<\/p>\n

\n

 <\/p>\n<\/p>\n

CF, we need some music. I am dying to listen to my new Bruce Hornsby<\/font><\/a> disk that the Scripting Wife gave me. Music, tea—<\/span>we are all set. Let’s get to work.<\/p>\n

The first thing we need to do when automating Microsoft Visio is to create an instance of the application object<\/a>. The application<\/b> object is the main object for working with Microsoft Visio and controls the way the application runs. Use the New-Object<\/b> cmdlet with the –comobject<\/b> parameter to create an instance of the visio.application<\/b> object. Store the returned application object in the $application<\/b> variable, as seen here:<\/p>\n

$application = New-Object -ComObject Visio.Application<\/p>\n

<\/font><\/span><\/p>\n

The application<\/b> object has the visible<\/b> property that accepts a Boolean value. It is used to govern whether the application will be visible while it is running. Because we are doing everything programmatically, there is no reason to waste resources watching the drawing unfold. Besides, on my computer it happens so fast, it is not much of a show. You will see a flicker as the application<\/b> object is created, and then the visible<\/b> property is set to false. After that you will not know if the script has completed until you see the return code in either the Windows PowerShell console or the Windows PowerShell ISE. Setting the visible<\/b> property to false makes the application invisible. Setting it to true, will cause it to be displayed on the screen. The line of code that controls this behavior is seen here:<\/p>\n

$application.visible = $false<\/p>\n

<\/font><\/span><\/p>\n

The next several lines of code are basically the same as were seen yesterday. Refer to yesterday’s Hey, Scripting Guy! post<\/a> for more information about this. Because we are going to make a network diagram, we choose to use the Basic Network Diagram.vst template. This name is obtained by clicking New<\/b> in the File<\/b> menu and choosing the type of drawing to create. This is seen here.<\/p>\n

\"Image<\/p>\n

The code that creates the document<\/b> object, adds the template, and adds a new page to the pages<\/b> collection is seen here:<\/p>\n

$documents = $application.Documents<\/p>\n

<\/font><\/span><\/p>\n

$document = $documents.Add(“Basic Network Diagram.vst”)<\/p>\n

<\/font><\/span><\/p>\n

$pages = $application.ActiveDocument.Pages<\/p>\n

<\/font><\/span><\/p>\n

$page = $pages.Item(1)<\/p>\n

<\/font><\/span><\/p>\n

N\now we run into our first problem. In yesterday’s Hey, Scripting Guy! post<\/a>, I stated that to add a stencil, you could use the name of the stencil that was displayed in the Shapes<\/b> section of Microsoft Visio. The Shapes<\/strong> section is seen in the following image.<\/p>\n

\"Image<\/p>\n

\n

 <\/p>\n<\/p>\n

This technique works for many of the stencils. You just need to remember to add the .vss extension to the name. The problem came when I wanted to add the Network and Peripherals<\/b> stencil to the drawing. After spending nearly an hour trying various permutations and ensuring I had the word “peripheral” spelled correctly, I was about to give up. I searched MSDN for a list of included stencil names, as well as the Microsoft Visio online Help to no avail. But it is really hard to do a network diagram without using some of the network and peripheral shapes. Then I remembered an old trick I had written about in one of my VBScript books<\/a>—use the macro recorder. Even though the code will be completely bogus, the name of the object being added will be correct. I quickly opened Microsoft Visio and recorded a macro that added the Network and Peripherals (Metric)<\/b> stencil. I then opened the macro editor by clicking Macro<\/b> in the Tools<\/b> menu, clicking Macro<\/b>, choosing the newly recorded macro (macro1 by default), and clicking Edit<\/b>. The Microsoft Visual Basic Macro editor appears. As seen in the following image, the stencil sheet is named “periph_m.vss”—<\/span>something I would never have guessed.<\/p>\n

\"Image<\/p>\n

\n

 <\/p>\n<\/p>\n

As I mentioned earlier, the VBA code won’t work for our purposes, but because the only thing I did was add the stencil, it is a pretty safe bet we have found the secret name of our stencil. Use the add<\/b> method from the documents<\/b> object to add the desired stencil, and store the returned document<\/b> object in the $NetworkStencil<\/b> variable:<\/p>\n

$NetworkStencil = $application.Documents.Add(“periph_m.vss”)<\/p>\n

<\/font><\/span><\/p>\n

We add the other two stencils by using the display names without further incident. This is shown here:<\/p>\n

$ComputerStencil = $application.Documents.Add(“Computers and Monitors.vss”)<\/p>\n

<\/font><\/span><\/p>\n

$ConnectorStencil = $application.Documents.Add(“Connectors.vss”)<\/p>\n

<\/font><\/span><\/p>\n

Next we use the same procedure we used yesterday to add four computers and an ethernet network to the Microsoft Visio drawing. Because the Basic Network Diagram.vst template is in landscape orientation instead of portrait orientation, the numbers we use for placing the shapes on the drawing will need to change. One other thing to keep in mind is that the size and shape of the shapes will dictate the numbers you choose for placement as well. If you keep in mind the size and shape of an 8.5-by-11-inch sheet of paper, the numbers make a little sense. This is not a strict measurement, but will give you a feel for the numbers. The numbers are x\/y coordinates. To add a second line to the text<\/b> property of the shape, use the “`r`n<\/b>” characters that Windows PowerShell recognizes as the line-feed sequence. The PC<\/b> shape comes from the Computers and Monitors<\/b> stencil, as seen in the following image.<\/p>\n

\"Image<\/p>\n

\n

 <\/p>\n<\/p>\n

To retrieve the PC<\/b> shape, use the Item<\/b> method from the masters<\/b> collection of the stencil stored in the $computerStencil<\/b> variable. The code to add a PC shape to the lower right hand side of the drawing is seen here:<\/p>\n

$pc = $ComputerStencil.Masters.Item(“PC”)<\/p>\n

<\/font><\/span><\/p>\n

$shape1 = $page.Drop($pc, 11.0, 1.0) <\/p>\n

<\/font><\/span><\/p>\n

$shape1.Text = “Lower Right`r`nShape1”<\/p>\n

<\/font><\/span><\/p>\n

Next add the other three PC<\/b> shapes to the three remaining corners of the Microsoft Visio drawing. Use the same technique that was used to add shape1: <\/p>\n

$shape2 = $page.Drop($pc, 2.2, 1.0) <\/p>\n

<\/font><\/span><\/p>\n

$shape2.Text = “Lower Left`r`nShape2”<\/p>\n

<\/font><\/span><\/p>\n

$shape3 = $page.Drop($pc, 11.0, 6.8) <\/p>\n

<\/font><\/span><\/p>\n

$shape3.Text = “Upper Right`r`nShape3”<\/p>\n

<\/font><\/span><\/p>\n

$shape4 = $page.Drop($pc, 2.2, 6.8) <\/p>\n

<\/font><\/span><\/p>\n

$shape4.Text = “Upper Left`r`nShape4”<\/p>\n

<\/font><\/span><\/p>\n

It is time to add the Ethernet<\/b> shape. The Ethernet<\/b> shape is contained in the Network and Peripherals<\/b> stencil, which is stored in the $networkStencil<\/b> variable. Use the same technique to create an instance of the Ethernet<\/b> shape and add it to the drawing that was used to add the PC<\/b> shapes to the drawing. This is seen here:<\/p>\n

$etherNet = $NetworkStencil.Masters.Item(“Ethernet”)<\/p>\n

<\/font><\/span><\/p>\n

$shape5 = $page.Drop($etherNet,6.0,4.2)<\/p>\n

<\/font><\/span><\/p>\n

$shape5.Text = “center”<\/p>\n

<\/font><\/span><\/p>\n

To connect the shapes, we need to add a connector. The dynamic connector is fun to use and is contained on the Connectors<\/b> stencil, which we have stored in the $connectorStencil<\/b> variable. Use the item<\/b> method to retrieve an instance of the Dynamic Connector<\/b> shape and store the returned shape in the $connector<\/b> variable as seen here:<\/p>\n

$connector = $ConnectorStencil.Masters.item(“Dynamic Connector”)<\/p>\n

<\/font><\/span><\/p>\n

When you have created a connector shape, use the AutoConnect method<\/font><\/a> from the shape<\/b> object to connect the PCs<\/b> and the Ethernet<\/b> shapes to each other. The AutoConnect<\/b> method takes three parameters: the shape to connect, the direction of the connection, and the connector to use. In our script we are connecting to the Ethernet<\/b> shape that is stored in the $shape5<\/b> variable, and we are using the dynamic connector that is stored in the $connector<\/b> variable. The enumeration value 0 means to connect without relocating the shapes. Other enumeration values for the VisAutoConnectDir<\/b> enumeration are seen in Table 1. <\/p>\n

Table 1  <\/span>Enumeration Values of the VisAutoConnectDir Enumeration<\/p>\n

<\/b><\/p>\n\n\n\n\n\n
\n
\n

Constant<\/p>\n

<\/b><\/p>\n<\/div>\n<\/td>\n

\n
\n

Value<\/p>\n

<\/b><\/p>\n<\/div>\n<\/td>\n

\n
\n

Description <\/p>\n

<\/b><\/p>\n<\/div>\n<\/td>\n<\/tr>\n

\n
\n

visAutoConnectDirDown<\/p>\n<\/div>\n<\/td>\n

\n
\n

2<\/p>\n<\/div>\n<\/td>\n

\n
\n

Connect down.<\/p>\n<\/div>\n<\/td>\n<\/tr>\n

\n
\n

visAutoConnectDirLeft<\/p>\n<\/div>\n<\/td>\n

\n
\n

3<\/p>\n<\/div>\n<\/td>\n

\n
\n

Connect to the left.<\/p>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"

    Hey, Scripting Guy! I have been excited about the Microsoft Visio Week articles since I heard your interview back during the holidays. When I read your tweets as you were the writing the Hey, Scripting Guy! posts, I really got excited. I must say that reading yesterday’s article where you added a square […]<\/p>\n","protected":false},"author":595,"featured_media":87096,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[53,49,3,45],"class_list":["post-51583","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-scripting","tag-microsoft-visio","tag-office","tag-scripting-guy","tag-windows-powershell"],"acf":[],"blog_post_summary":"

    Hey, Scripting Guy! I have been excited about the Microsoft Visio Week articles since I heard your interview back during the holidays. When I read your tweets as you were the writing the Hey, Scripting Guy! posts, I really got excited. I must say that reading yesterday’s article where you added a square […]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/scripting\/wp-json\/wp\/v2\/posts\/51583","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/scripting\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/scripting\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/scripting\/wp-json\/wp\/v2\/users\/595"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/scripting\/wp-json\/wp\/v2\/comments?post=51583"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/scripting\/wp-json\/wp\/v2\/posts\/51583\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/scripting\/wp-json\/wp\/v2\/media\/87096"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/scripting\/wp-json\/wp\/v2\/media?parent=51583"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/scripting\/wp-json\/wp\/v2\/categories?post=51583"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/scripting\/wp-json\/wp\/v2\/tags?post=51583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}