Home
%3CLINGO-SUB%20id%3D%22lingo-sub-237352%22%20slang%3D%22en-US%22%3ELayout%20Improvements%20in%20Visio%202010%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-237352%22%20slang%3D%22en-US%22%3E%0A%20%26lt%3Bmeta%20http-equiv%3D%22Content-Type%22%20content%3D%22text%2Fhtml%3B%20charset%3DUTF-8%22%20%2F%26gt%3B%3CSTRONG%3E%20First%20published%20on%20MSDN%20on%20Aug%2C%2018%202009%20%3C%2FSTRONG%3E%20%3CBR%20%2F%3E%3CP%3EA%20challenge%20many%20users%20face%20when%20building%20diagrams%20is%20getting%20them%20to%20look%20neat%20and%20organized.%20Visio%20has%20included%20a%20number%20of%20features%20to%20help%20with%20the%20placement%20of%20shapes%20for%20many%20releases.%20Some%20of%20these%20are%20manual%20and%20only%20help%20when%20dragging%20a%20single%20shape.%20Others%20are%20automated%20but%20often%20a%20bit%20too%20rigid%20in%20forcing%20a%20layout%20style%20on%20shapes%20with%20no%20regard%20to%20how%20the%20user%20initially%20placed%20them.%3C%2FP%3E%0A%20%20%3CP%3EWhat%20if%20you%20could%20clean%20up%20a%20diagram%20with%20a%20few%20clicks%2C%20maybe%20just%20one%2C%20and%20preserve%20the%20work%20you%20have%20already%20put%20into%20it%3F%20In%20support%20of%20the%20Ease%20of%20Use%20and%20Process%20Management%20initiatives%20discussed%20in%20our%20%3CA%20href%3D%22http%3A%2F%2Fblogs.msdn.com%2Fvisio%2Farchive%2F2009%2F07%2F17%2Fvisio-2010-technical-preview-released.aspx%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3Eintroductory%20Visio%202010%20post%20%3C%2FA%3E%2C%20we%20have%20added%20new%20layout%20features%20that%20make%20best-effort%20attempts%20to%20clean%20up%20a%20diagram%20while%20maintaining%20the%20general%20layout%20that%20already%20exists%20among%20the%20shapes.%20Rather%20than%20tell%20you%20how%20shapes%20ought%20to%20be%20organized%2C%20Visio%20assumes%20you%20have%20the%20placement%20pretty%20close%20and%20simply%20neatens%20things%20up%20a%20bit.%20After%20all%2C%20you%20know%20what%20kind%20of%20diagram%20you%E2%80%99re%20building%20and%20where%20your%20shapes%20belong!%3C%2FP%3E%0A%20%20%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fmsdnshared.blob.core.windows.net%2Fmedia%2FTNBlogsFS%2FBlogFileStorage%2Fblogs_msdn%2Fvisio%2FWindowsLiveWriter%2FLayoutImprovementsinVisio2010_D591%2Fclip_image002_2.png%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%20%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F43861i638B54404A652FF0%22%20%2F%3E%20%3C%2FA%3E%3C%2FP%3E%0A%20%20%3CP%3EThis%20can%20be%20accomplished%20using%20%3CB%3EAuto%20Align%20%26amp%3B%20Space%20%3C%2FB%3Ein%20the%20Arrange%20group%20on%20the%20Home%20tab.%3C%2FP%3E%0A%20%20%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fmsdnshared.blob.core.windows.net%2Fmedia%2FTNBlogsFS%2FBlogFileStorage%2Fblogs_msdn%2Fvisio%2FWindowsLiveWriter%2FLayoutImprovementsinVisio2010_D591%2Fclip_image004_2.png%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%20%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F43862i8BDD378C052FCB96%22%20%2F%3E%20%3C%2FA%3E%3C%2FP%3E%0A%20%20%3CP%3EAuto%20Align%20%26amp%3B%20Space%20looks%20at%20the%20selected%20shapes%20and%20determines%20how%20two%20shapes%20that%20are%20connected%20together%20should%20be%20aligned%20and%20spaced%20from%20one%20another.%20It%20assumes%20that%20the%20shapes%20are%20close%20to%20the%20%E2%80%9Cright%E2%80%9D%20position%20relative%20to%20the%20rest%20of%20the%20diagram%20and%20makes%20small%20adjustments%20to%20align%20and%20space%20them%20evenly%2C%20giving%20you%20a%20neat%20and%20orderly%20diagram.%20It%20acts%20on%20the%20selected%20shapes%20or%2C%20if%20no%20shapes%20are%20selected%2C%20on%20the%20entire%20page.%3C%2FP%3E%0A%20%20%3CP%3EFor%20example%2C%20the%20selected%20shape%20below%20is%20connected%20to%2C%20close%20to%20and%20almost%20aligned%20with%20the%20shape%20on%20the%20left.%20Auto%20Align%20%26amp%3B%20Space%20examines%20the%20connectors%20and%20determines%20that%20the%20selected%20shape%20is%20downstream%20from%20%E2%80%93%20or%20a%20child%20of%20%E2%80%93%20the%20shape%20on%20the%20left.%20The%20selected%20shape%20is%20moved%20to%20align%20with%20the%20left%20shape%20and%20space%20from%20it%20using%20the%20default%20page%20spacing%20distance.%20Everything%20else%20connected%20downstream%20from%20the%20selected%20shape%20doesn%E2%80%99t%20get%20left%20behind%20%E2%80%93%20it%20follows%20along%2C%20but%20does%20not%20align%20or%20space.%20Of%20course%2C%20you%20could%20also%20select%20more%20shapes%20to%20clean%20up%2C%20or%20have%20no%20selection%20and%20clean%20up%20everything.%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CTABLE%3E%0A%20%20%20%3CTBODY%3E%3CTR%3E%0A%20%20%20%20%3CTD%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fmsdnshared.blob.core.windows.net%2Fmedia%2FTNBlogsFS%2FBlogFileStorage%2Fblogs_msdn%2Fvisio%2FWindowsLiveWriter%2FLayoutImprovementsinVisio2010_D591%2Fclip_image002%255B6%255D.png%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%20%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F43863i6D492A457C9AE2BD%22%20%2F%3E%20%3C%2FA%3E%3C%2FP%3E%0A%20%20%20%20%3C%2FTD%3E%0A%20%20%20%20%3CTD%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fmsdnshared.blob.core.windows.net%2Fmedia%2FTNBlogsFS%2FBlogFileStorage%2Fblogs_msdn%2Fvisio%2FWindowsLiveWriter%2FLayoutImprovementsinVisio2010_D591%2Fimage_2.png%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%20%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F43864i1A2A4E1926CEB5B0%22%20%2F%3E%20%3C%2FA%3E%3C%2FP%3E%0A%20%20%20%20%3C%2FTD%3E%0A%20%20%20%20%3CTD%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fmsdnshared.blob.core.windows.net%2Fmedia%2FTNBlogsFS%2FBlogFileStorage%2Fblogs_msdn%2Fvisio%2FWindowsLiveWriter%2FLayoutImprovementsinVisio2010_D591%2Fclip_image004%255B5%255D.png%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%20%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F43865i16E748343AFB81C7%22%20%2F%3E%20%3C%2FA%3E%3C%2FP%3E%0A%20%20%20%20%3C%2FTD%3E%0A%20%20%20%3C%2FTR%3E%0A%20%20%20%3CTR%3E%0A%20%20%20%20%3CTD%3E%3C%2FTD%3E%0A%20%20%20%20%3CTD%3E%3C%2FTD%3E%0A%20%20%20%20%3CTD%3E%3C%2FTD%3E%0A%20%20%20%3C%2FTR%3E%0A%20%20%20%3CTR%3E%0A%20%20%20%20%3CTD%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fmsdnshared.blob.core.windows.net%2Fmedia%2FTNBlogsFS%2FBlogFileStorage%2Fblogs_msdn%2Fvisio%2FWindowsLiveWriter%2FLayoutImprovementsinVisio2010_D591%2Fclip_image006_2.png%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%20%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F43866iC70F21450F55D93C%22%20%2F%3E%20%3C%2FA%3E%3C%2FP%3E%0A%20%20%20%20%3C%2FTD%3E%0A%20%20%20%20%3CTD%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fmsdnshared.blob.core.windows.net%2Fmedia%2FTNBlogsFS%2FBlogFileStorage%2Fblogs_msdn%2Fvisio%2FWindowsLiveWriter%2FLayoutImprovementsinVisio2010_D591%2Fimage_2.png%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%20%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F43867i6F5BFC13ED45A775%22%20%2F%3E%20%3C%2FA%3E%3C%2FP%3E%0A%20%20%20%20%3C%2FTD%3E%0A%20%20%20%20%3CTD%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fmsdnshared.blob.core.windows.net%2Fmedia%2FTNBlogsFS%2FBlogFileStorage%2Fblogs_msdn%2Fvisio%2FWindowsLiveWriter%2FLayoutImprovementsinVisio2010_D591%2Fclip_image008_2.png%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%20%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F43868iDC9070A9AA7BBA86%22%20%2F%3E%20%3C%2FA%3E%3C%2FP%3E%0A%20%20%20%20%3C%2FTD%3E%0A%20%20%20%3C%2FTR%3E%0A%20%20%3C%2FTBODY%3E%3C%2FTABLE%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3EIn%20addition%20to%20the%20big%20Auto%20Align%20%26amp%3B%20Space%20button%2C%20we%20have%20broken%20out%20%3CB%3EAuto%20Align%20%3C%2FB%3Eand%20%3CB%3EAuto%20Space%20%3C%2FB%3Eas%20separate%20actions%20in%20the%20Position%20dropdown%20button.%20One%20of%20the%20big%20benefits%20the%20Ribbon%20enables%20is%20the%20ability%20to%20preview%20these%20actions%20so%20you%20can%20see%20the%20effects%20before%20committing%20to%20the%20change.%20We%E2%80%99ll%20talk%20more%20about%20previewing%20Ribbon%20actions%20in%20a%20future%20post.%3C%2FP%3E%0A%20%20%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fmsdnshared.blob.core.windows.net%2Fmedia%2FTNBlogsFS%2FBlogFileStorage%2Fblogs_msdn%2Fvisio%2FWindowsLiveWriter%2FLayoutImprovementsinVisio2010_D591%2Fclip_image010_2.png%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%20%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F43869i2E7F0DC5BC13A774%22%20%2F%3E%20%3C%2FA%3E%3C%2FP%3E%0A%20%20%3CP%3E%3CB%3ESpacing%20Options%20%3C%2FB%3Elets%20you%20choose%20a%20non-default%20spacing%20distance%20between%20shapes%20for%20the%20automatic%20spacing%20actions.%3C%2FP%3E%0A%20%20%3CP%3EWe%20kept%20the%20existing%20%3CB%3EAlign%20%3C%2FB%3Eand%20%3CB%3EDistribute%20%3C%2FB%3Efeatures%20from%20previous%20versions%20of%20Visio%20and%20enhanced%20them%20by%20enabling%20preview.%20The%20Distribute%20actions%20are%20less%20frequently%20used%20and%20are%20located%20in%20the%20Space%20Shapes%20flyout%20menu.%3C%2FP%3E%0A%20%20%3CP%3EThe%20existing%20rotate%20and%20flip%20shapes%20behaviors%20are%20in%20the%20%3CB%3ERotate%20Shapes%20%3C%2FB%3Eflyout%20menu.%3C%2FP%3E%0A%20%20%3CP%3E%3CB%3ERotate%20Diagram%20%3C%2FB%3Eis%20a%20new%20feature%20that%20allows%20you%20to%20change%20the%20direction%20a%20diagram%20flows%20by%20rotating%20or%20flipping%20it%2C%20but%20without%20rotating%20or%20flipping%20the%20individual%20shapes%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3ERotate%20(and%20Flip)%20Diagram%20is%20handy%20when%20you%20want%20part%20of%20a%20diagram%20to%20rotate%20around%20a%20parent%20shape%20to%20extend%20in%20a%20different%20direction%2C%20or%20when%20you%20want%20an%20entire%20diagram%20to%20be%20vertical%20rather%20than%20horizontal.%20For%20example%2C%20selecting%20the%20shapes%20shown%20below%20and%20using%20Rotate%20Left%20makes%20the%20diagram%20more%20compact.%3C%2FP%3E%0A%20%20%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fmsdnshared.blob.core.windows.net%2Fmedia%2FTNBlogsFS%2FBlogFileStorage%2Fblogs_msdn%2Fvisio%2FWindowsLiveWriter%2FLayoutImprovementsinVisio2010_D591%2Fclip_image012_2.png%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%20%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F43870iAF92A8A07965B769%22%20%2F%3E%20%3C%2FA%3E%3C%2FP%3E%0A%20%20%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fmsdnshared.blob.core.windows.net%2Fmedia%2FTNBlogsFS%2FBlogFileStorage%2Fblogs_msdn%2Fvisio%2FWindowsLiveWriter%2FLayoutImprovementsinVisio2010_D591%2Fclip_image014_2.png%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%20%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F43871i0E8B6B83091A2FCD%22%20%2F%3E%20%3C%2FA%3E%3C%2FP%3E%0A%20%20%3CP%3E%3C%2FP%3E%0A%20%20%3CP%3EFinally%2C%20we%20have%20also%20maintained%20the%20existing%20layout%20feature%20from%20previous%20versions%20of%20Visio.%20You%20can%20find%20%3CB%3ERe-Layout%20Page%20%3C%2FB%3Ein%20the%20Layout%20group%20on%20the%20Design%20tab.%20This%20is%20useful%20when%20you%20want%20Visio%20to%20completely%20revise%20the%20layout%20of%20the%20diagram.%20We%20pulled%20the%20most%20common%20layout%20configurations%20into%20a%20gallery%20so%20you%20can%20preview%20them%20to%20see%20how%20different%20layout%20choices%20will%20affect%20your%20diagram.%20%3CB%3EMore%20Layout%20Options%20%3C%2FB%3Etakes%20you%20to%20the%20traditional%20dialog%20with%20full%20layout%20options.%3C%2FP%3E%0A%20%20%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fmsdnshared.blob.core.windows.net%2Fmedia%2FTNBlogsFS%2FBlogFileStorage%2Fblogs_msdn%2Fvisio%2FWindowsLiveWriter%2FLayoutImprovementsinVisio2010_D591%2Fclip_image016_2.png%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%20%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F43872iFAF3B697FBB65A4A%22%20%2F%3E%20%3C%2FA%3E%3C%2FP%3E%0A%20%20%3CP%3EAs%20always%2C%20we're%20interested%20in%20your%20feedback%20on%20layout%2C%20so%20use%20the%20%3CA%20href%3D%22http%3A%2F%2Fblogs.technet.com%2Foffice2010%2Farchive%2F2009%2F07%2F15%2Ftell-us-what-you-think-about-office-2010-technical-preview.aspx%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3ESend%20a%20Smile%20feedback%20tool%20%3C%2FA%3Eor%20comment%20on%20the%20blog%20to%20let%20us%20know%20what%20you%20think.%3C%2FP%3E%0A%20%0A%3C%2FLINGO-BODY%3E%3CLINGO-TEASER%20id%3D%22lingo-teaser-237352%22%20slang%3D%22en-US%22%3EFirst%20published%20on%20MSDN%20on%20Aug%2C%2018%202009%20A%20challenge%20many%20users%20face%20when%20building%20diagrams%20is%20getting%20them%20to%20look%20neat%20and%20organized.%3C%2FLINGO-TEASER%3E%3CLINGO-LABS%20id%3D%22lingo-labs-237352%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3Eall%20posts%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Evisio%202010%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
Microsoft
First published on MSDN on Aug, 18 2009

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!

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

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.

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.

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.

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.

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.