Visio Insights
The official blog of the Microsoft Visio product team

Live Rendering Shapes in Visio 2010

Live Rendering Shapes in Visio 2010

  • Comments 3

For several releases Visio has enhanced the appearance of shapes in diagrams by adding isometric projections or themes with gradients and shadows.  All the while, their appearance in the Shapes Window has been unchanged.  The 32x32 pixel icons have been limited to 16 colors (reminiscent of the EGA color palette  from 1984).  Thus the Shapes Window icons have not kept pace with the visual updates on the drawing surface.

Visio 2010 remedies that with a feature called Live Rendering.  We briefly mentioned this feature in the Shapes Window article, but we’ll go a little deeper here. Live Rendering replaces a shape’s icon with an image of what the shape actually will look like on the page.  You can see the full color spectrum used in the gradient fills.  You can see the anti-aliasing applied to the geometry and text.  If there is currently a theme applied to the page, Visio will even show the shape with the theme applied.  What you see is what you get.

image 

 

Supporting Live Rendering in Your Custom Shapes

Live Rendering is also available for any of your own custom shapes.  Visio 2010 takes the existing setting for automatically generating icons for shapes and repurposes it as a setting for Live Rendering.  If you right-click on one of your own shapes in the Shapes Window and choose Edit Master > Master Properties, you can see the revised property.

image

Of course, Live Rendering may not be the best option for every shape.  Perhaps you prefer the icon to be more of an abstraction than a realistic portrayal of the shape.  Sometimes the shape has so much detail that it is not understandable in 32x32 pixels.  Maybe the shape is oblong and does not scale down to a 1:1 aspect ratio well.  In these cases it is best to stick with the shape icon, which is still limited to 16 colors in order to maintain file compatibility with previous releases.

Custom Crop Regions

However, there is a common situation that we felt was important to support with Live Rendering.  Sometimes only a portion of a shape is visually distinct from other shapes in the same stencil.  After all, shapes that are found in the same stencil are probably related, so they may share some common visual attributes.  In these cases the distinction may be too small to be useful when displaying the shapes as icons.  To alleviate this problem, Live Rendering supports custom crop regions.  Instead of rendering the full extents of a shape and shrinking that to icon size, Visio can render a specific region of a shape and use that for the icon.

Let’s see an example from the shapes in Visio 2010’s SharePoint Workflow content.  There are dozens of workflow shapes that correspond to activities you can perform with SharePoint.  Each shape consists of a rectangle with a text label and a thumbnail image.

image

You can see that the thumbnails are the most visually distinctive part of the shapes.  What happens when you put these in the Shapes Window and turn on Live Rendering?  Unfortunately the details are lost.  In prior releases your only option would be to manually draw an icon using the 16 color palette and live with a very poor representation of the shape.  With a custom crop region, Visio only displays the relevant portion of the shape.

image

A custom crop region is specified by adding a User-defined cell to the Pagesheet of the master shape in the Master Edit Window.  Add a cell named User.msvPreviewIconCropToPage and set the value to 1.  Then modify the size of the page and the position of the shape on the page such that only the portion of the shape you want rendered overlaps the page.  You can look at the masters for the SharePoint Workflow shapes or the Callouts for more examples.

 

Live Rendering shapes in the Shapes Window is an important part of the overall user interface update in Visio 2010.  For shape designers, Live Rendering and custom crop regions provide new opportunities for showcasing your rich, graphical content.  Please let us know what you think by using the Send a Smile feedback tool or commenting on the blog.

Leave a Comment
  • Please add 6 and 5 and type the answer here:
  • Post
  • Excellent enhancement to the shape stencil.

    I would like to request one more enhancement -

    When one adds a new shape to the custom stencil, the shape's LINK to external data is lost. The external data is converted to the shape's user-defined data.

    I would like to request that the link to external data be kept intact even within the stencil.

    Thank you,

    Kuntal Sampat.

  • Thanks for the suggestion, Kuntal. I wonder how you envision that working. When you drag the shape back into the drawing, would you expect it to reconnect to the data? As you continue to use the shape in the drawing, do all the instances link back to the same row of data?

    Mark Nelson

  • Thanks for the response, Mark.

    When I drag the shape from the stencil to the drawing, I would like it to connect to the same data, with all instances connecting to the same row of data.

    Without being too specific, the way that will help us is that it will allow us to create a stencil and propagate it to different people who could create their own drawings, without worrying about data connections.

    It would also simplify collaboration when the collection of data and its representation in Visio is done by different people. The spreadsheet/database could be independently updated, and a "refresh" on any drawing created without knowledge of the stencil creator, would automatically get the new data.

    Thank you for the interest.

    Kuntal.

Page 1 of 1 (3 items)