Table of Contents

Getting started with basic shapes

This tutorial explains how to start from a blank Visio file and edit basic element info in an efficient way through shape grouping.

Expected duration: 15 minutes

Tip

See also: Kata #21: Visual Overview design basics on DataMiner Dojo Video

Prerequisites

Overview

Step 1: Create a new blank Visio file for the element

  1. Open DataMiner Cube and connect to your system.

    Tip

    If you created a new DaaS system for this tutorial, refer to Accessing a newly created DMS for the first time for more information.

  2. Open your Microsoft Platform element on the Visual page.

  3. Right-click the Visual page and select Set as active <element name> element Visio file > New blank.

  4. In the New Visio file pop-up window, click Yes.

At this point, your Microsoft Visio application should start up automatically, and you can start modifying your new Visio file.

Step 2: Set up an element alarm color LED shape

  1. Press CTRL+A followed by the delete button to remove all shapes from your Visio page.

  2. Navigate to the Home tab of the ribbon and select the downward arrow next to the rectangle in the Tools section.

  3. Select Ellipse from the dropdown list, and draw a circle on your page by clicking and dragging the mouse on it.

    Add ellipse to Visio page

  4. Right-click the newly created ellipse and select Data > Define Shape Data.

  5. Set the Label field to Element.

  6. Set the Value field to the name of your element.

  7. Click OK.

  8. Save your Visio file.

In DataMiner Cube, your Visual Overview should now be updated with your changes. You should see an interactive ellipse shape that is filled with the current alarm state color.

Basic element shape

Step 3: Show more information efficiently

  1. In the Tools section of the Home tab of the ribbon, select the rectangle.

  2. Draw a rectangle on your page by clicking and dragging the mouse on it while this tool is selected.

  3. Right-click the newly created rectangle and select Data > Define Shape Data.

  4. Set the Label field to Parameter.

  5. Set the Value field to 350.

    This is the parameter ID of the Total Processor Load parameter.

  6. Click OK.

  7. Double-click the rectangle shape and enter the shape text *.

  8. Right-click the ellipse and select Shape Data to open the Shape Data panel.

  9. In the Shape Data panel, set the value of the "Element" shape data to "*".

  10. In the Tools section of the Home tab of the ribbon, select Pointer Tool.

  11. Select both shapes on your page, right-click and select Group > Group.

    Group shapes

  12. Right-click the newly created shape group and select Data > Define Shape Data.

  13. Add shape data with label Element and set its value to the name of your element.

  14. Save your Visio file.

In DataMiner Cube, you should see two colored shapes, one of which displays the value of your parameter.

Group shape result

Step 4: Clean up the drawing

  1. Right-click the shape group and select Data > Define Shape Data.

  2. Click the New button to add shape data with label Enabled and value false, preventing the shape from being clicked and disabling the hover effect.

  3. Right-click the shape group and select Group > Open Group.

  4. Right-click the ellipse shape and select Data > Define Shape Data.

  5. Click the New button to add shape data with label Enabled and value true. This will override the earlier configured Enabled state for this child shape, enabling only the ellipse rather than the whole group.

  6. Right-click the rectangle shape and select Data > Define Shape Data.

  7. Click the New button to add shape data with label Options and value NoAlarmColorFill.

  8. Make sure you have no shapes selected, click the "..." in the top-right corner of the Advanced Editing panel and select Add pretty hover.

    Note

    If you followed this tutorial, you should see the Advanced Editing in your Microsoft Visio application. The panel is created when you launch Microsoft Visio from DataMiner Cube by either creating a new blank Visio file or editing an existing one.

    This hover effect ensures that when you hover the mouse pointer over the ellipse, the highlighted area moves with the ellipse, not its outer rectangle.

    Add pretty hover

  9. Save your Visio file.

In DataMiner Cube, only your ellipse will now be colored with the alarm state of the element, and only that shape will be clickable. The pretty hover option will ensure that the highlighted area of the ellipse moves with the ellipse, not its outer rectangle.

End result

Propose changes