Application Launcher

Docs

Site Studio

Multi column layout properties

Site Studio

Multi column layout properties

Set the content to display over multiple columns. This is mainly used for dividing text into columns

Column count

Set the number of columns an element should be divided into.

Expected value:

Enter a number - The number of columns.
auto - Default value. The number of columns will be determined by other properties, like Column min width
initial - Sets the property to its default value
inherit - Inherits the property from its parent element.

Column gap

Set the width of the gap between the columns.

Expected value:

Enter a number - Sets a width for the gap
normal - Specifies a normal gap between the columns
initial - Sets the property to its default value
inherit - Inherits the property from its parent element.

Accepted units:

Set the content to display over multiple columns. This is mainly used for dividing text into columns

Column count

Set the number of columns an element should be divided into.

Expected value:

Enter a number - The number of columns.
auto - Default value. The number of columns will be determined by other properties, like Column min width
initial - Sets the property to its default value
inherit - Inherits the property from its parent element.

Column gap

Set the width of the gap between the columns.

Expected value:

Enter a number - Sets a width for the gap
normal - Specifies a normal gap between the columns
initial - Sets the property to its default value
inherit - Inherits the property from its parent element.

Accepted units:

You can leave blank or specify a unit to be used.

Set the content to display over multiple columns. This is mainly used for dividing text into columns

Column count

Set the number of columns an element should be divided into.

Expected value:

Enter a number - The number of columns.
auto - Default value. The number of columns will be determined by other properties, like Column min width
initial - Sets the property to its default value
inherit - Inherits the property from its parent element.

Column gap

Set the width of the gap between the columns.

Expected value:

Enter a number - Sets a width for the gap
normal - Specifies a normal gap between the columns
initial - Sets the property to its default value
inherit - Inherits the property from its parent element.

Accepted units:

blank - Just add a number and the value will be interpreted as pixels and be converted to rem's automatically if this behaviour is set within Base unit settings

px - The value will be applied in pixels

Note: Additional units are accepted. For more information see https://www.w3schools.com/cssref/css_units.asp

Set how the content fills the columns.

Options and behavior:

Balance - Balances the content across the columns
Auto - Fills each column until it reaches the height, and do this until it runs out of content
Initial - Sets the property to its default value
Inherit - Inherits the property from its parent element.

Sets the content to span the columns. Note: this is not supported by Firefox.

Options and behavior:

Span - Sets the content to span the columns
none - Sets the span property to none
Initial - Sets the property to its default value
Inherit - Inherits the property from its parent element.

Set the minimum width for the columns. The number of columns will be the minimum number of columns needed to show all the content across the element.

Enter a number - Sets a minimum width for the column
auto - Specifies a normal gap between the columns
initial - Sets the property to its default value
inherit - Inherits the property from its parent element.

You can leave blank or specify a unit to be used.

blank - Just add a number and the value will be interpreted as pixels and be converted to rem's automatically if this behaviour is set within Base unit settings
px - The value will be applied in pixels

Note: Additional units are accepted. For more information see https://www.w3schools.com/cssref/css_units.asp

Sets the style of a dividing rule between the columns.

None - Display no rule
Hidden - Display no rule
Solid - Display a solid rule
Dotted - Display a dotted rule
Dashed - Display a dashed rule
Double - Display a double rule
Groove - Display a 3D grooved rule
Ridge - Display a 3D ridged rule
Inset - Display a 3D inset rule
Outset - Display a 3D outset rule
Initial - Sets the property to its default value
Inherit - Inherits the property from its parent element.

Important

Some rule styles are dependant on the rule width and color. For example, you cannot have a Double rule which is set to 1px in width as there is not enough width to display the double lines.

Sets the width of a dividing rule between the columns.

Enter a number (Negative values are not accepted)
Enter a keyword - thin, medium, thick (Browsers may render these widths differently)

You can leave blank or specify a unit to be used.

blank - Enter a number and the value will be interpreted as pixels
px - The value will be applied in pixels

Note: Additional units are accepted. For more information see https://www.w3schools.com/cssref/css_units.asp

Set the border color of the rule.

Select a color from the color palette
Translucent colors are accepted

Did not find what you were looking for?

If this content did not answer your questions, try searching or contacting our support team for further assistance.

You can leave blank or specify a unit to be used.

blank - Just add a number and the value will be interpreted as pixels and be converted to rem's automatically if this behaviour is set within Base unit settings
px - The value will be applied in pixels

Note: Additional units are accepted. For more information see https://www.w3schools.com/cssref/css_units.asp

Set how the content fills the columns.

Options and behavior:

Balance - Balances the content across the columns
Auto - Fills each column until it reaches the height, and do this until it runs out of content
Initial - Sets the property to its default value
Inherit - Inherits the property from its parent element.

Sets the content to span the columns. Note: this is not supported by Firefox.

Options and behavior:

Span - Sets the content to span the columns
none - Sets the span property to none
Initial - Sets the property to its default value
Inherit - Inherits the property from its parent element.

Set the minimum width for the columns. The number of columns will be the minimum number of columns needed to show all the content across the element.

Enter a number - Sets a minimum width for the column
auto - Specifies a normal gap between the columns
initial - Sets the property to its default value
inherit - Inherits the property from its parent element.

You can leave blank or specify a unit to be used.

blank - Just add a number and the value will be interpreted as pixels and be converted to rem's automatically if this behaviour is set within Base unit settings
px - The value will be applied in pixels

Note: Additional units are accepted. For more information see https://www.w3schools.com/cssref/css_units.asp

Sets the style of a dividing rule between the columns.

None - Display no rule
Hidden - Display no rule
Solid - Display a solid rule
Dotted - Display a dotted rule
Dashed - Display a dashed rule
Double - Display a double rule
Groove - Display a 3D grooved rule
Ridge - Display a 3D ridged rule
Inset - Display a 3D inset rule
Outset - Display a 3D outset rule
Initial - Sets the property to its default value
Inherit - Inherits the property from its parent element.

Important

Some rule styles are dependant on the rule width and color. For example, you cannot have a Double rule which is set to 1px in width as there is not enough width to display the double lines.

Sets the width of a dividing rule between the columns.

Enter a number (Negative values are not accepted)
Enter a keyword - thin, medium, thick (Browsers may render these widths differently)

You can leave blank or specify a unit to be used.

blank - Enter a number and the value will be interpreted as pixels
px - The value will be applied in pixels

Note: Additional units are accepted. For more information see https://www.w3schools.com/cssref/css_units.asp

Set the border color of the rule.

Select a color from the color palette
Translucent colors are accepted

Did not find what you were looking for?

If this content did not answer your questions, try searching or contacting our support team for further assistance.

Multi column layout properties

Column count

Expected value:

Column gap

Expected value:

Accepted units:

Multi column layout properties

Column count

Expected value:

Column gap

Expected value:

Accepted units:

Multi column layout properties

Column count

Expected value:

Column gap

Expected value:

Accepted units:

Column fill

Options and behavior:

Column span

Options and behavior:

Min column width

Expected value:

Accepted units:

Rule style

Options:

Rule width

Expected value:

Accepted units:

Rule color

Expected value:

Did not find what you were looking for?

Column fill

Options and behavior:

Column span

Options and behavior:

Min column width

Expected value:

Accepted units:

Rule style

Options:

Rule width

Expected value:

Accepted units:

Rule color

Expected value:

Did not find what you were looking for?