Optimize Your Layout
| Status |
|---|
| colour | Blue |
|---|
| title | Server | DATA CENTER |
|---|
|
To create well arranged and readable models, the app offers a set of functions to optimize your layout.
Align elements
Via Edit → Alignment you can align elements, that you have selected, to be arranged for example all at the same horizontal or vertical line
All options are also available as buttons in the toolbar.
Before:
After:
Distribute elements
Via Edit → Alignment you can distribute elements, that you have selected, equally to have the same distance to each other - vertically or horizontally
All options are also available as buttons in the toolbar.
Before:
After:
Center labels
| Expand |
|---|
|
| Widget Connector |
|---|
| overlay | youtube |
|---|
| _template | com/atlassian/confluence/extra/widgetconnector/templates/youtube.vm |
|---|
| width | 400px |
|---|
| url | https://www.youtube.com/watch?v=OKdUPF2l2KY |
|---|
| height | 300px |
|---|
|
|
It may happen that while moving elements around, labels to sequence or message flows appear to be placed out of sight. To fix this, you can use the center labels functionality under Edit → Alignment. The selected flows will have their label placed in the receptive center. If no flows are selected, all labels in the entire diagram will be centered.
This is also available as a button in the toolbar: 
.
Resizing
| Expand |
|---|
|
| Widget Connector |
|---|
| overlay | youtube |
|---|
| _template | com/atlassian/confluence/extra/widgetconnector/templates/youtube.vm |
|---|
| width | 400px |
|---|
| url | https://www.youtube.com/watch?v=23LA0Q_oTTY&list=PLCf8qz3CTQ4tuxHxoqOuzFazN-Cvv2tYM&index=12&t=0s |
|---|
| height | 300px |
|---|
|
|
BPMN element should have a short and sensible name. Nevertheless it may happen, that the textarea inside a task element is not large enough. To help out, you can enable task-resizing via Edit → Resize → Enable resize task (Toolbar: ). Then you can increase the size of a task element by dragging the corner of the text field. If you want to reset the size to default, use Edit → Resize → Set task to default size (Toolbar: ).
