Applicable Packages
Lite Plus Max Shop




The spacer component, whose option icon is shown in figure 1, lets you force content in neighbouring columns to line up.


Figure 1. the spacer option icon


Without the spacer component, content of different lengths in neighbouring columns would end at different positions, as shown in figure 2, where one colour block is shorter than the other.


Figure 2. columns without spacers


By using the spacer component, the shorter colour block expands to the same height as the logner colour block, as shown in figure 3.


Figure 3. columns with spacers


Using spacers

In edit mode, spacer components are indicated with spacer bars, as shown in figure 4.


Figure 4. spacer bars in two columns


Outside of edit mode the spacers will adjust their heights so that the bases of spacers in neighbouring columns line up. This also means that the tops of any content following the spacers will line up.