Converting Grids to other Components

The first 4 options in the 'Add a row' tool use equally spaced columns. These can be easily replicated in your content using Pods.

Pods allow you to create content with up to 8 equal columns. However, you will need to populate your pods with additional components. The most common option is the Text/Image component. These components replicate the default 2-part layout of the original grid default content, and allow you to create various configurations of text with an image positioned above, below, to the left or right, or behind the text.

Text/Image components can also be used without images to create basic text blocks.

A wide variety of other sub-components are also available inside pods to replicate your grid layouts, including accordions, news and calendar feeds, quotes, social media icons, and imbedded media.

Options 5 and 6 in the 'Add a row' tool (8+4 and 4+8) use 2 unequally spaced columns. These can be replicated in your content using Split Components.

Split components create a 2-column layout that give you control over the proportions of the columns. Like Pods, split components offer a wide variety of other sub-components to replicate your grid layouts, including accordions, data lists, image galleries and text.

You can also combine the solutions for even and uneven columns by adding a pod to your split component, allowing each of your columns to have columns and rows of their own, each with their own component options.

The '1+5+5+1' and the '2+4+4+2' selection may have viable alternatives. If these columns contain text or other non-image components then a redesign will be required. Consider splitting the grid's content over multiple rows to simplify the layout. However, if any of the rows contain images it may be possible to use a Split component (if the left right proportions of the table are uneven) or a pod with Text/Image components to replicate the effect.

Text/Image components can create different sizes of image with varying amounts of text. This is more easily controlled when you place a pod inside a split component, as in previous solutions. The challenge with this option is that it will be very difficult to replicate a consistent look for the content across multiple columns. To avoid frustration you may want to replace this layout with something simpler, such as multiple rows created with pods.