Every design crafted in Nexl Engage email editor includes at least one row. Rows serve as the fundamental structural component for any email or campaign created within Nexl Engage. Any content block you drag and drop onto the builder stage is inserted into a row.
Row properties
Rows ensure your design is responsive on mobile devices by adjusting their width automatically to fit the screen size. This means there are no fixed dimensions dictating row sizes:
Click outside the content area to select the entire row.
After selecting a row, the builder sidebar will display multiple row properties. These options allow you to apply design elements to the entire row and are divided into sections for easier navigation and identification:
Backgrounds
The Backgrounds Row Properties offer the following customization options:
Row background color
Content area background color
Row background image
Apply effects is also available in a row background image.
Borders
The Borders Row Properties offer the following customization options:
Content area border
Content area rounded corners
Layout
The Layout Row Properties offer the following customization options:
Vertical align
Stack on mobile
Stack order on mobile
Hide on
Columns Structure
The Column Structure Row Properties offer the following customization options:
Column background
Column padding
Column border
Column Management
Use resizable columns
Adjust the width of individual columns
Add or remove columns in an existing row
Align images within a row
Add a row with the desired number of columns. Then, use the side panel to adjust the size of the columns by dragging the divider. You can also add or remove columns from the existing row. This allows you to create rows such as:
Adding a column
A new column is always added to the far right with a default width of 2. Consequently, the nearest column on the left is reduced accordingly.
If the left column is already at its minimum width, the next column to the left will be resized instead.
Once the maximum number of columns is reached, the "+ Add new" option will no longer be available.
Deleting a column
When a column is deleted, the adjacent columns on the left will take on its width.
If the deleted column is the leftmost one, the column to its right will inherit the width.
The Delete option will not appear if only one column remains.
Please note:
The order of columns cannot be rearranged.
If you accidentally delete a column, use the undo feature to restore it.
Widths can only be adjusted by column numbers, not in pixels.