Skip to main content

Troubleshooting the Visio tile

Documentation Team
  • Updated

Troubleshooting the Visio tile

If you are having problems using the Visio tile to insert a Visio diagram into Dashboard Server please check the following:

  1. That you only have one Visio tile on a page.

  2. That you have the latest version of Dashboard Server.

    Get the latest version of SCOM Edition

  3. Use a Status tile as described in How to use the Visio tile to check that health state icons display.

  4. That the SVG file size isn't too large. Large SVG files will mean the page takes longer to load. Typically, Visio diagrams built using only stencils will be fairly small, but if your diagram also contains images, then this can mean very large file sizes.

 

Covered in this article:

 

The Visio diagram is not showing properly or some elements are missing

See The Visio diagram is not showing properly or some elements are missing.

 

The Visio diagram is too large when displayed in Dashboard Server

  1. Add padding to the page in Dashboard Server.

    Dashboard Server will resize the Visio diagram to fill the column width. Resizing the column will make the diagram increase or decrease in size accordingly.

    You can also add blank columns to either side of the diagram. Use the layout helper to add one column and then another. Drag the Visio tile to the middle column:

    For more information on columns and page layout see How to use the dashboard designer (v4).

  2. Resize the page in Visio.

    If you would like your Visio diagram to appear smaller within the column:

    In Visio increase the size of the white space (padding) or page around the diagram by holding down CTRL and dragging the corner of the page, as described in the Microsoft article How to resize a page in a Visio drawing. Then Save as SVG, and drag the new SVG file into the Dashboard Server Visio tile again.

The Visio diagram is too small or has too much white space around it

  1. Make the column wider in Dashboard Server, see How to use the dashboard designer (v4).

  2. If you would like your Visio diagram to appear larger within the column, resize the page in Visio:

    • In Visio reduce the size of the white space around the diagram by holding down CTRL and dragging the corner of the page, save the SVG, and drag the new SVG file into the Visio tile again.
    • Alternatively, use the Fit to Drawing option in Visio, by going to Design > Size then Fit to Drawing.

Unable to upload file: the web server responded with an unspecified error. Check file size and retry.

Unable to upload file: the web server responded with an unspecified error. Check file size and retry.

or

406 - Client browser does not accept the MIME type of the requested page. The page you are looking for cannot be opened by your browser because it has a file name extension that your browser does not accept.

This error is caused by the SVG file being too large to upload. ASP.NET has a default limit on file uploads of 4MB. While this is configurable, a file of this size will take a while to load in most browsers, and generally the best method is to ensure your SVG file is no larger than 1- 2MB. There is a hard limit of 10MB that cannot be increased.

We recommend that you reduce the overall file size of the SVG file by removing images, or reduce the size of each individual image in an image editor, rather than shrinking them in Visio.

If you wish you can also change the file size limit in the web.config file on your SquaredUp server:

  2. Find the web.config file located in the Dashboard Server folder.

    Name of the Dashboard Server folder

    The name of the Dashboard Server folder is SquaredUpv followed by the product version number.

    Location of the Dashboard Server folder

    The default location for the Dashboard Server folder is C:\inetpub\wwwroot\SquaredUpv[Version Number], but a custom location may have been chosen during the installation.
    For example, for Dashboard Server v5 the default folder location is C:\inetpub\wwwroot\SquaredUpv5 and for v4 C:\inetpub\wwwroot\SquaredUpv4

  3. Create a backup of the web.config file by copy and pasting the file to a different location.

  4. Open the original web.config file with Notepad.

  5. Add (or amend if the httpRuntime line already exists) <httpRuntime maxRequestLength="xxx" /> where xxx is the file size limit in KB, up to a limit of 10000. For example, you might need to amend the line as below:

    Copy
    <configuration>
        <system.web>
        ...
           <httpRuntime targetFramework="4.5.2" enableVersionHeader="false" maxRequestLength="6000" />
        ...
        </system.web>
    </configuration>

  6. Save the web.config file.

  7. Open a command prompt as 'Run as administrator' and type iisreset to restart IIS. You should then be able to upload the file to Dashboard Server.

File is too big

File is too big (xxMiB). Max filesize: 10MiB

While the ASP.NET limit of 4MB can be increased by editing the web.config file there is a hard limit of 10MB.

We recommend that you reduce the overall file size of the SVG file by removing images, or reduce the size of each individual image in an image editor, rather than shrinking them in Visio.

The whole diagram is changing color

  1. Check whether the shapes need ungrouping in Visio. If you click on a shape in Visio and several shapes or the whole page is selected then the shapes are grouped. Ungroup the shapes by right-clicking on the shapes, selecting Group and then clicking on Ungroup.

    For example, if you've downloaded a map from http://www.amcharts.com/svg-maps/ you will need to ungroup the shapes in Visio before linking the SCOM IDs:

    After ungrouping you can see the individual shapes:

  2. Check that the background has not been linked to a SCOM ID.

No health state icons or colors are shown

  1. Create a Status tile to check that health state icons display correctly.

  2. Check in Visio that the label for the SCOM ID is scomId not F3 or something else: From Visio open the SVG file, on the Data toolbar tick Shape Data Window, click on an object and check that the label for the SCOM ID is scomId. If it is not scomId you can press CTRL+A to select all the objects, then right-click in the Shape Data window and click Define Shape Data and relabel the field, for example from F3 to scomId.

    When you next link data to a diagram you should choose Data > Custom Import. Using Quick Import does not use the column headers as the data label, and the SCOM IDs are incorrectly labeled F3 rather than scomId and will not show the health state in Dashboard Server.

Some shapes don't show health state icons or change color

  1. Check that all shapes have the scomId data field. From Visio open the SVG file, on the Data toolbar tick Shape Data Window, click on an object and check that the label for the SCOM ID is scomId.

  2. Check that each of the SCOM IDs are correct, that they exist in SCOM, and are the objects you wish to link to.

    You can check in Dashboard Server, by putting the SCOM ID in this URL:

    http://SquaredUpServer/SquaredUpv5/drilldown/scomobject?id=SCOMID

    Where SquaredUpServer should be replaced by the name of the server where Dashboard Server is installed, and SCOMID at the end of the URL should be replaced by the SCOM ID you wish to check, for example:

    http://Server1/SquaredUpv5/drilldown/scomobject?id=76115fa5-d7f1-99c5-bc10-1e1db992ccf5

    Or using PowerShell:

    Click Start, type Operations Manager Shell. You can use right-click to paste in your own SCOM ID:

    Get-SCOMMonitoringObject -Id 6f7e3306-beeb-2996-3795-7c1eafb925b8 | Format-List

    Replacing 6f7e3306-beeb-2996-3795-7c1eafb925b8 with the SCOM ID you wish to check.

  3. Check the health state of the objects. If there are SCOM groups and the health states are showing as a gray question mark, as seen below, then create a health rollup monitor in SCOM as described inGroups show no health information.

  4. View the SVG file in Notepad, search for scomId and check the formatting of the SCOM IDs.  SCOM IDs should contain 32 digits with 4 dashes (xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx). If you see extra characters such as on the end of the SCOM IDs then the health state will not be shown. These characters can be introduced if you edit the scomId field in Visio or the SVG manually and copy the entire cell from Excel. Instead copy the SCOM ID from the formula/edit bar in Excel or save the spreadsheet as a CSV file and open in Notepad before copying the SCOM IDs.

The color replace works on some shapes, but not all of them

  1. Change back to icon view and check that health state icons appear. If icons do not show see No health state icons or colors are shown.
  2. Try setting color to replace to all, or use multi and select several colors. Some stencils – such as the latest office stencils – use colors that are similar, but not identical. You may find that a file that you think has only one color in it, in fact shows as having two or more colors. This is because some stencils also have a slight ‘shadow’ effect to them, which is often achieved using a very similar but slightly different color.

The health state icons are not positioned centrally on the shapes

The center is calculated using all content within the shape, including any Visio Data Graphics. For example, if you have the name and IP address of a server displayed to the right of a server shape, the center of the entire shape will be shifted to the right.

Text on diagrams is not displayed in Internet Explorer when the SVG file was created in Visio 2010 or 2013

See this article for fix information: Text is not displayed in a Visio 2010 / 2013 drawing when you open the drawing in a browser.

One Visio diagram appears corrupt while the other is fine

SquaredUp supports only one Visio diagram per page. If there is more than one Visio tile the diagrams become corrupt.

If you would like to display two Visio diagrams on the same page, then you can create two separate dashboards each containing one Visio diagram. Then add a Web Content tile (see How to use the Web Content tile) to the first dashboard to embed the second dashboard. You can also append ?display=embed to the end of the URL in the Web Content tile to hide the navigation bar on the embedded dashboard.

I want to hide the ScomId and ScomName text

To hide or show the SCOM IDs and names select the shape(s) in Visio then go to the Data menu, click Advanced Data Graphics on the Data ribbon, and choose No Data Graphic:

Or right click on the object Data > Remove Data Graphic

It’s still not working!

If you experience any problems please contact SquaredUp Support and reply to the automatic response with the Visio file (.vsdx), SVG file and Excel export.