> For the complete documentation index, see [llms.txt](https://docs.work-relay.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.work-relay.com/processes/building-a-process/steps-order.md).

# Steps order

Steps order is used to specify how steps will be displayed in these places:

* Steps Tree in the right sidebar of process builder (1)
* Progress bar in sequential mode

![](/files/8515e9b3926803c606c51364a75f896d601d0b27)

![](/files/92f256002e7cdd2a618a92194b7bff785d5540f7)

The step order is used just for visual comfort.

By default, step order corresponds to the sequence in which steps were added to the canvas, and may not correspond to the sequence in which steps will be proceeded. Order can be changed by user.

{% stepper %}
{% step %}

## Open Order Change mode

Click the "Set Order" button (3) at the steps tree:

![](/files/b90790d62192c208946240bb5100a648c1348635)

You will go to Order Change mode (4) of Process Builder. All other parts of builder will be darkened:

![](/files/df878d1d5896e7f178b7cf87727243966873c56a)
{% endstep %}

{% step %}

## Drag steps to the necessary positions

Any step (5) can be dragged with mouse to necessary position:

![](/files/8a20a27ffe6ca6342b7b8f8d3c8b97c353c3cab6)

The predecessor of dragged step is highlighted with blue (6).

If [branch](/processes/connectors/branches.md), which dragged step belongs to, is ended with [constraint](/processes/connectors/connectors-overview.md#connector-types-and-branches), the last (constraint) step of this branch is highlighted with yellow (7).

Step can't be placed higher than it's predecessor. If try to do this, step will be outlined with red (8) and, if try to save order, proper warning will be shown (9):

![](/files/b153f3e0417d37b0f829c0838c23d85c5ba5f988)

![](/files/d5e95959c5a2d82bbe68e5d9b2792f809a806542)

If click "No", user will be returned to Change Order mode. If click "Yes", system will try to set order automatically by placing incorrect step directly after it's nearest predecessor (10):

![](/files/06d22556f40e89c381e355ec2ed81e3a4331a470)
{% endstep %}

{% step %}

## Apply or discard changes

After finishing order change, click "Apply" button (11) to save them or "Cancel" button (12) to discard changes:

![](/files/105e81a51578f5fb298ec8f66e49afb3176abef6)

If you try to cancel unsaved changes, system will show a confirmation popup:

![](/files/f9737b0209d429e0bf6d9cf596ad56dd45fd861d)
{% endstep %}
{% endstepper %}