Community Articles

Find and share helpful community-sourced technical articles.
Announcements
Celebrating as our community reaches 100,000 members! Thank you!
Labels (1)
avatar
Contributor

One of the earliest improvement requests for the Apache NiFi project was to allow a user the ability to easily align components on the canvas. Well, in the upcoming 1.2 release it's HERE! In this article I will demonstrate how to align multiple selected components either vertically or horizontally.

Previously, when building a flow a user would drop components on the canvas into a layout. Typically users will attempt to organize their data flow into rows and columns. This was a tedious task since aligning these components was a manual effort of dragging and dropping components to line them up 'just right'. Let's look at a crude example of such a layout:

12973-crude-layout.png

Let's see how we can organize this flow with the new 'click to align' features. First, let's align the rows:

12974-crude-layout-align-rows-1.png

12975-crude-layout-align-rows-2.png

12976-crude-layout-align-rows-3.png

12977-crude-layout-align-rows-4.png

Ok great! Now let's align the columns:

12978-crude-layout-align-cols-1.png

12979-crude-layout-align-cols-2.png

12980-crude-layout-align-cols-3.png

12991-crude-layout-align-cols-4.png

12992-crude-layout-align-cols-5.png

12995-crude-layout-align-cols-6.png

BOOM! And there you have it! A nicely aligned layout for an organized data flow. I hope you have found this tutorial useful and I look forward to your feedback.


crude-layout-align-cols-6.png
907 Views
Version history
Last update:
‎08-17-2019 02:05 PM
Updated by:
Contributors