Visio Insights
The official blog of the Microsoft Visio product team

Layout Improvements in Visio 2010

Layout Improvements in Visio 2010

  • Comments 9

A challenge many users face when building diagrams is getting them to look neat and organized. Visio has included a number of features to help with the placement of shapes for many releases. Some of these are manual and only help when dragging a single shape. Others are automated but often a bit too rigid in forcing a layout style on shapes with no regard to how the user initially placed them.

What if you could clean up a diagram with a few clicks, maybe just one, and preserve the work you have already put into it? In support of the Ease of Use and Process Management initiatives discussed in our introductory Visio 2010 post, we have added new layout features that make best-effort attempts to clean up a diagram while maintaining the general layout that already exists among the shapes. Rather than tell you how shapes ought to be organized, Visio assumes you have the placement pretty close and simply neatens things up a bit. After all, you know what kind of diagram you’re building and where your shapes belong!

clip_image002

This can be accomplished using Auto Align & Space in the Arrange group on the Home tab.

clip_image004

Auto Align & Space looks at the selected shapes and determines how two shapes that are connected together should be aligned and spaced from one another. It assumes that the shapes are close to the “right” position relative to the rest of the diagram and makes small adjustments to align and space them evenly, giving you a neat and orderly diagram. It acts on the selected shapes or, if no shapes are selected, on the entire page.

For example, the selected shape below is connected to, close to and almost aligned with the shape on the left. Auto Align & Space examines the connectors and determines that the selected shape is downstream from – or a child of – the shape on the left. The selected shape is moved to align with the left shape and space from it using the default page spacing distance. Everything else connected downstream from the selected shape doesn’t get left behind – it follows along, but does not align or space. Of course, you could also select more shapes to clean up, or have no selection and clean up everything.

 

clip_image002[6]

image

clip_image004[5]

     

clip_image006

image

clip_image008

 

In addition to the big Auto Align & Space button, we have broken out Auto Align and Auto Space as separate actions in the Position dropdown button. One of the big benefits the Ribbon enables is the ability to preview these actions so you can see the effects before committing to the change. We’ll talk more about previewing Ribbon actions in a future post.

clip_image010

Spacing Options lets you choose a non-default spacing distance between shapes for the automatic spacing actions.

We kept the existing Align and Distribute features from previous versions of Visio and enhanced them by enabling preview. The Distribute actions are less frequently used and are located in the Space Shapes flyout menu.

The existing rotate and flip shapes behaviors are in the Rotate Shapes flyout menu.

Rotate Diagram is a new feature that allows you to change the direction a diagram flows by rotating or flipping it, but without rotating or flipping the individual shapes

 

Rotate (and Flip) Diagram is handy when you want part of a diagram to rotate around a parent shape to extend in a different direction, or when you want an entire diagram to be vertical rather than horizontal. For example, selecting the shapes shown below and using Rotate Left makes the diagram more compact.

clip_image012

clip_image014

 

Finally, we have also maintained the existing layout feature from previous versions of Visio. You can find Re-Layout Page in the Layout group on the Design tab. This is useful when you want Visio to completely revise the layout of the diagram. We pulled the most common layout configurations into a gallery so you can preview them to see how different layout choices will affect your diagram. More Layout Options takes you to the traditional dialog with full layout options.

clip_image016

As always, we're interested in your feedback on layout, so use the Send a Smile feedback tool or comment on the blog to let us know what you think.

Leave a Comment
  • Please add 5 and 6 and type the answer here:
  • Post
  • This free Visio addin allows you to use AT&T's Graphviz to layout graphs:

    www.calvert.ch/graphvizio

  • I'm frustrated because of two things that are missing from Visio 2010: keyboard shortcuts for aligning shapes and the ability to have ribbon icons for specific alignments.

    1) Keyboard shortcuts - is there a way to create custom keyboard shortcuts or is there a hidden shortcut I don't know to align/distribute shapes?

    2) Ribbon Icons - I use distribute (horizontal and vertical) and align top/align left/align center/align middle all of the time, and in Visio 2007, I could do it in one click.  Now it takes a menu and a click - not much unless you are doing it 100x a day.

    Is there any way to create those specific icons so that I can have that as 1 click away in my ribbon?

    One additional question -- when you create a custom group in a custom tab, is there a way to better align the icons?  I tried to mimic the existing HOME | Font group, but my icons are all out of whack (see image at http://twitpic.com/51zqgf).  I would love some advice on this.

  • Well, thanks for posting but ignoring your blog afterward.  Real helpful, guys.

  • I agree with Marty. What is the point of an official blog if you are not going to respond?

    Like Marty, I am very frustrated with the lack of shortcuts in Visio 2010. Specifically with aligning objects. In addition, the new version does not allow me to create individual shortcuts to, for example, 'align left' on the quick access toolbar. Instead, I can only move over the 'align objects' button in which I have to click on, then scroll down to the appropriate align feature. This is quite annoying and a digression from earlier versions.

  • The "Re-Layout Page" feature is great, how do I trigger that behavior programmatically ??

  • I DRAW LAYOUT FOR MANUFACTURING  SO, HOW I CAN PUT THE SAME DISTANCE BETWEEN ONE SHAPE AND ANOTHER ONE

    THANKS

  • How do you turn it(auto spacing) off?

  • Why do only some shapes move under the "Re-Layout Page" function? And why are they moved on toip of the non-moving shapes? Is there a setting that is excluding shapes from being included or even seen as parts of the diagram?

  • Really?!

    3 years have gone by and not a single one of these questions has been answered?!

    Dissapointed isn't the word...

Page 1 of 1 (9 items)