Skip to main content

Column Adjuster

This Feature is so damn hot, it even has its own documentation page!

To enable this feature, you need to add this to your toolbox configuration:

opendxp_toolbox:
theme:
grid:
grid_size: 12
breakpoints:
-
identifier: 'xs'
name: 'Breakpoint: XS'
description: 'Your Description'
-
identifier: 'sm'
name: 'Breakpoint: SM'
description: 'Your Description'
-
identifier: 'md'
name: 'Breakpoint: MD'
description: 'Your Description'
-
identifier: 'lg'
name: 'Breakpoint: LG'
description: 'Your Description'

Parameter

NameTypeDescription
grid_sizeintegerMax Grid Columns (Default 12 in Bootstrap)
breakpointsarrayYour Grid Breakpoints. Important (!): The Column Adjuster is mobile first! Always start your array with the smallest breakpoint! Otherwise the automatic class inheritance won't work!