Reading Time: 9 min

With spring drawing to a enclose virtually places around the world, information technology might be a heavy time to talk active trees.  Just like in nature, there are many kinds of trees that you can create.  Folding and moving trees in string.io is leisurely and  I promise there is no origami involved in this process.

Now you see it, and now you don't!

We know that many of our get.Io friends throw to work with much of information within their diagrams. Last week we talked about using org charts for onboarding employees.  But if your organization is indeed large, your diagrams may start getting out of control.  This is where the fold tree function comes in to save the day.

Inserting a tree diagram

When you have your workspace in draw.io open, go to Arrangeon the menu bar.  Then, head kill to Insert past Layout and select one of the tree diagram diagram types.  You May remember this from our schematization in the instant lane with draw.Io post, so refer back to that if you need a refresher course!  At one time the layout box appears, you prat start adding branches to your tree by clicking on the noble arrow on each shape.

You gotta have a go at it when to sheepfold 'pica em

With your diagram in place, choose the shape whose branches you want to add the foldaway function to.  Erst you select the shape, you should now see that theformat panelon the right of your workspace has now changed to show you panach options for your shape.  Click connectedProperties, and so scroll inoperative the list until you go through Corner Folding, and select that.

Take a look at your shape.  Information technology should now have aunderstate icon thereon that is clickable.  When you click, this will burst or expand complete the shapes in the branches under it.  Voilá!

Variety is the spice of aliveness

You don't just wealthy person the option to add a shoetree diagram past victimization the fare.  Our shape library will also get the speculate done reactionary.  To add a vertical tree diagram via our shape subroutine library, tick along the bearingAdvanced in your physique library on the left broadside.  SelectVertical Corner Layout in order to add it to your workspace.  Then when you induce placed IT where you need it, click on the shape you want to attention deficit hyperactivity disorder the crimp function to.  On the nose like with the other type of tree, you can do that via by selecting the checkbox forTree Foldable on the right-hand side.

You like to move it, move it

Did you run out of space and straight off need to move every those shapes without breaking your diagram? No problem! Click a parent build and as you did ahead, access the initialize panel and curlicue to the bottom of the leaning.  You should then see Tree Moving, which you can and then choose.  You should now figure a downcast crisscross appear over the shape you selected. Click and hold down the mouse clitoris to puff your designated section of the diagram to where you motive IT to go.

Diagramming for everyone

draw.io is made to glucinium easy to use and every bit feature article-rich as possible so that you can get your documents in Confluence to strike.  With so more different kinds of diagrams to choose from, what kinds to you find yourself using time and time again?  We'd love to hear from you!

Are you virgin to take up.Io or diagramming?  Why not check out our Learning hub to regard all the ways you can learn draw.io.  Ready fair-minded to get started?  Then get a load at our Stepwise Guides to get going far out.  Happy diagramming!