Using Relaxed Layout to Improve Line Routing
Blueprint has been designed to allow the system to do much of the line routing and layouts for your process so you can focus more on your process vs the layout.
Occasionally, the default positioning may not have the results that you expected to see. As a trick, in some cases you may use Relaxed Layout to help position your process more to your desired layout and to help change line routing to be more as expected.
First I want to describe what Relaxed Layout is. Relaxed layout is the ability to move one object to a relative position around a 2nd object.
Take a look at this example (Click on Image to Enlarge)
Notice the process is written as
A > B > C
where > represents a line drawn from one Activity to Another
The rule for relaxed layout is you are allowed to move Activity2 around Activity1 if a line directly connects Activity1 to Activity2.
So in this example
- One can position Activity B ABOVE or BELOW Activity A because a line directly connects A to B
- One can position Activity C ABOVE or BELOW Activity B because a line directly connects B to C
- One CANNOT position Activity C ABOVE or BELOW Activity A because a line does NOT directly connect A to C
To observe this, click on B and drag it BELOW A. Notice a grey dropline bar appears. The grey dropline bar appears telling you that the drop is allowed. If a position is in use, then a drop may not be allowed. Seeing the dropline tells you that are allowed to position an object relative to another object the dropline appears around (in this example Activity A).
After you let go, the diagram in Relaxed Layout appears as this

Notice now how you have moved Activity B to have relative position to be BELOW Activity A. This is called Relaxed Layout because the positioning changes the behavior of the layout of the diagram from it’s default positioning. Seeing the dropline appear when you reposition objects on a diagram shows you that you are invoking relaxed layout on your diagram.
In this simple example, the Relaxed Layout demonstrated how you can position objects relative to each other. If you had wanted to make C have some relative position with A, you could have draw a line from A to C, position C appropriately and then delete the line from A to C.
Here is another example of a more complicated process now where it may not seem obvious how Relaxed Layout may be able to change line routing in your favor.
Before you perform Relaxed Layout, as a BEST PRACTICE, always take a MANUAL snapshot BEFORE you do relaxed layout in complicated processes. In case the layout is not working as you want it to, it will be easier to revert back to an original snapshot. You can also press UNDO within the same session, but a manual snapshot is safer to have before beginning the edits.
Here is a part of a process that is using ALL default layouts from Blueprint
Notice on this process that the “End” event comes out from A1 Activity. In this example, I want to delete the End Event. When I do, this change occurs
As you can see from the image above, by deleting the End event, the line from A1 is now crossing over the other line that goes to A2. This would not be the desired result here.
Each process will require your own “trial and error” tests, which is why having the “original snapshot” is good so you can revert changes if you want to.
Looking at this process, I can see that IF I made A2 have relative position under A1, that the line from A1 may be drawn more directly to A2. By making A2 have relative position BELOW A1, it will make the default line go under A1 to A2.
To do this I will do these steps
1) Make a manual snapshot of my process (“v1 – original layout”)
2) Now I drag A2 so it is in the same swimlane / milestone cell as A1 is, just so I can do the positioning.
3) Position A2 so it is explicitly positioned under A1. You will see the grey dropline appear showing this re-positioning is possible
4) After you let go, the diagram will look like this
5) What this now does is it has added a relative position for A2 to be BELOW A1. When you move A2 out now it keeps some of that relativity in between swimlanes and milestones. This is what will allow the line to get a more direct path to A2.
Move A2 back to its original position
6) Now delete the End event again from A1. Notice now the line doesn’t overlap with the line for A2 because a relative positioning was added.
Using relaxed layout can be a powerful trick to get your processes to look more like you want them to.
In closing here is a summary of what to keep in mind when using this trick
- Always make a manual snapshot of the process BEFORE you do relaxed layout. For very complicated processes, relaxed layout may be tricky to get as you want after your 1st attempt, so having a manual snapshot to revert your changes is a good practice
- Getting your results will require a “trial and error” approach, so you may have to try a few tests to see if the layout is what you wanted. Using UNDO during ONLY the same editing session is a good way to quickly back out the changes you made (DO NOT refresh your page, or your undo stack will be lost and you won’t be able to undo your steps anymore)
- Always try to create as much of your process using Blueprint’s default layout 1st before using relaxed layout. Using relaxed layout will be best used when you are just tweaking the final layouts of your diagram vs using from the BEGINNING of creating your process or when you have a lot of your process left to create.
- Be patient. When you initially shuffle things around especially with very complicated processes, your process may start to look “messed up”. You may need to move things around a bit to eventually get the layout that you desire.
Hope this may help you in some of your layout issues. With some patience, you can usually get a layout that you want in most cases.


















