Drupal 8 Jollyness

5.1. Row

Last updated: Sat Jan 26 2019

“Row“ is the main content element of DrupalExp Builder. Rows are used to divide your page into the logic blocks with columns, columns later will hold your content blocks. Rows can be divided into the layouts (eg. 1/2 + 1/2, 1/3 + 1/3 + 1/3, and so on). Your page can have an unlimited number of rows. To change row’s position, click and drag row’s drag handler (top left row’s corner) and drag row around (vertical axis).


Class: Adding a custom class allows you to target the row easily within your custom codes.

Equal height columns: Set all columns to be equal height. (all columns will have same height as longest column).

Add wrapper: Default width of row is full 100% width of the parent element. If check and input into Wrapper class your custom class to force content width instead of full width.

Wrapper class: Adding a class allows you to target the wrapper row. For example: container

HTML ID: Enter HTML ID (Note: make sure it is unique and valid according to w3c specification).


Control background, borders and other styling options.


Add animation class to your row.

How To Use The Row Element:

Step 1: Create a new content, page, block or edit an existing one.

Step 2: Select DrupalExp Builder from list of Text format for Drupal editor.

Step 3: Click + button from content layout, then select Row element.

Step 4: Setting attributes for row from list options above.

Step 5: Once finished, click 'Save'.