RC3 | Rows & Columns

Beta
#1

So, perhaps this is the new workflow but I noticed that when you create a new row and choose a column layout then change that layout to include more columns you need to manually add another column.

Example:

  1. Click Add New Row
  2. New Preview Column Layout Selector Appears
  3. Select a 2 Column Layout
  4. Change your mind and click 3 Column Layout in the inspector
  5. Still only shows 2 editable columns, a third must then be added via the inspector.

The way it used to work was change layout and the columns just appeared. Feature? Bug? Just curious.

Video in note below.

#2

Yes, that is actually intentional. It’s because you can now change the number of columns to appear at different breakpoints. After experimenting with it we felt the best approach would be not to alter the number of Column elements from the “Layout” control.

At first we thought perhaps we would add new Column elements if a selected layout could make use of them, but then we realized that was inconsistent because we can’t automatically remove Column elements if you choose a layout with less columns because of how wrapping works.

When you use the “Choose a Layout” option in the preview, that is the only time actual Column elements are created. What’s really nice about this new version is that if you choose a 3 column layout (for example) and keep adding more Column elements it will just wrap into a new line. This is more helpful when building responsive sites - often less Row elements are needed because the content will keep flowing.