Repository: nifi Updated Branches: refs/heads/master 517279744 -> 3089d9dce
NIFI-4138 Add Component Alignment to User Guide Signed-off-by: Scott Aslan <[email protected]> This closes #1959 Project: http://git-wip-us.apache.org/repos/asf/nifi/repo Commit: http://git-wip-us.apache.org/repos/asf/nifi/commit/3089d9dc Tree: http://git-wip-us.apache.org/repos/asf/nifi/tree/3089d9dc Diff: http://git-wip-us.apache.org/repos/asf/nifi/diff/3089d9dc Branch: refs/heads/master Commit: 3089d9dce00e04d94572245f9ac65fd936615c88 Parents: 5172797 Author: Andrew Lim <[email protected]> Authored: Thu Jun 29 11:17:54 2017 -0400 Committer: Scott Aslan <[email protected]> Committed: Thu Jun 29 11:54:56 2017 -0400 ---------------------------------------------------------------------- .../images/align-horizontally-after.png | Bin 0 -> 75699 bytes .../images/align-horizontally-before.png | Bin 0 -> 144869 bytes .../asciidoc/images/align-vertically-after.png | Bin 0 -> 141979 bytes .../asciidoc/images/align-vertically-before.png | Bin 0 -> 185600 bytes nifi-docs/src/main/asciidoc/user-guide.adoc | 25 +++++++++++++++++++ 5 files changed, 25 insertions(+) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/nifi/blob/3089d9dc/nifi-docs/src/main/asciidoc/images/align-horizontally-after.png ---------------------------------------------------------------------- diff --git a/nifi-docs/src/main/asciidoc/images/align-horizontally-after.png b/nifi-docs/src/main/asciidoc/images/align-horizontally-after.png new file mode 100644 index 0000000..6073c41 Binary files /dev/null and b/nifi-docs/src/main/asciidoc/images/align-horizontally-after.png differ http://git-wip-us.apache.org/repos/asf/nifi/blob/3089d9dc/nifi-docs/src/main/asciidoc/images/align-horizontally-before.png ---------------------------------------------------------------------- diff --git a/nifi-docs/src/main/asciidoc/images/align-horizontally-before.png b/nifi-docs/src/main/asciidoc/images/align-horizontally-before.png new file mode 100644 index 0000000..6297a0b Binary files /dev/null and b/nifi-docs/src/main/asciidoc/images/align-horizontally-before.png differ http://git-wip-us.apache.org/repos/asf/nifi/blob/3089d9dc/nifi-docs/src/main/asciidoc/images/align-vertically-after.png ---------------------------------------------------------------------- diff --git a/nifi-docs/src/main/asciidoc/images/align-vertically-after.png b/nifi-docs/src/main/asciidoc/images/align-vertically-after.png new file mode 100644 index 0000000..3da1425 Binary files /dev/null and b/nifi-docs/src/main/asciidoc/images/align-vertically-after.png differ http://git-wip-us.apache.org/repos/asf/nifi/blob/3089d9dc/nifi-docs/src/main/asciidoc/images/align-vertically-before.png ---------------------------------------------------------------------- diff --git a/nifi-docs/src/main/asciidoc/images/align-vertically-before.png b/nifi-docs/src/main/asciidoc/images/align-vertically-before.png new file mode 100644 index 0000000..c11a17d Binary files /dev/null and b/nifi-docs/src/main/asciidoc/images/align-vertically-before.png differ http://git-wip-us.apache.org/repos/asf/nifi/blob/3089d9dc/nifi-docs/src/main/asciidoc/user-guide.adoc ---------------------------------------------------------------------- diff --git a/nifi-docs/src/main/asciidoc/user-guide.adoc b/nifi-docs/src/main/asciidoc/user-guide.adoc index 880ee8c..1adbf3f 100644 --- a/nifi-docs/src/main/asciidoc/user-guide.adoc +++ b/nifi-docs/src/main/asciidoc/user-guide.adoc @@ -1280,6 +1280,31 @@ image::component-linking-processor.png["Component Linking Processor Example"] NOTE: Linking to multiple components on the canvas is supported, with the restriction that the length of the URL cannot exceed a 2000 character limit. +[[component_alignment]] +=== Component Alignment + +Components on the NiFi canvas can be aligned to more precisely arrange your dataflow. To do this, first select all the components you want to align. Then right-click to see the context menu and select âAlign verticallyâ or âAlign horizontallyâ depending on your desired result. + +==== Align Vertically + +Here is an example of aligning components vertically on your canvas. With all components selected/highlighted, right-click: + +image:align-vertically-before.png["Align Vertically Example Before"] + +and select "Align vertically" to achieve these results: + +image:align-vertically-after.png["Align Vertically Example After"] + +==== Align Horizontally + +Here is an example of aligning components horizontally on your canvas. With all components selected/highlighted, right-click: + +image:align-horizontally-before.png["Align Horizontally Example Before"] + +and select "Align horizontally" to achieve these results: + +image:align-horizontally-after.png["Align Horizontally Example Before"] + [[monitoring]] == Monitoring of DataFlow
