doc: Cover how to reorder nodes

README.md

@@ -30,6 +30,7 @@ Documentation
 * [Getting Started](doc/02-Getting-Started.md)
 * [Create your first process node](doc/03-Create-your-first-process-node.md)
 * [Importing Processes](doc/04-Importing-Processes.md)
+* [Customize Node Order](doc/05-Customize-Node-Order.md)
 
 ### Web Components
 * [Breadcrumb](doc/12-Web-Components-Breadcrumb.md)

doc/05-Customize-Node-Order.md

@@ -0,0 +1,35 @@
+<a id="Customize-Node-Order"></a>Customize Node Order
+=====================================================
+
+By default all nodes are ordered alphabetically while viewing them in the UI.
+Though, it is also possible to order nodes entirely manually.
+
+> **Note**
+>
+> Once manual order is applied (no matter where) alphabetical order is
+> disabled for the entire configuration.
+
+Reorder by Drag'n'Drop
+----------------------
+
+Make sure to unlock the configuration first to be able to reorder nodes.
+
+### Tile View
+
+To move a tile simply grab it with your mouse and drag it to the location you
+want it to appear at.
+
+![Grab Tile](screenshot/05_customize_node_order/0501_tiles_grab_tile.png)
+![Drop Tile](screenshot/05_customize_node_order/0502_tiles_drop_at_location.png)
+
+### Tree View
+
+While in tree view nodes can be moved the same way. You just have a narrower
+area to grab them.
+
+![Grab Row](screenshot/05_customize_node_order/0503_tree_grab_header.png)
+![Drop Row](screenshot/05_customize_node_order/0504_tree_drop_at_location.png)
+
+Tree view also has an advantage the tile view has not. It is possible to move
+nodes within the entire hierarchy. But remember to unfold processes first, if
+you want to move a node into them.