Community Articles
Find and share helpful community-sourced technical articles
Announcements
Alert: Welcome to the Unified Cloudera Community. Former HCC members be sure to read and learn how to activate your account here.
Labels (1)
Cloudera Employee

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
397 Views
Don't have an account?
Coming from Hortonworks? Activate your account here
Version history
Revision #:
2 of 2
Last update:
‎08-17-2019 02:05 PM
Updated by:
 
Contributors
Top Kudoed Authors