JvMTECH.MultiColumn Package for Neos CMS

Tailwind CSS / Bootstrap grid for Neos CMS

Installation

composer require jvmtech/multicolumn

Configuration

Change grid rendering Tailwind CSS / Bootstrap

There are already defined classes for Tailwind CSS and Bootstrap. You can simply define it in the configuration.

Tailwind CSS

JvMTECH:
  MultiColumn:
    framework: 'tailwindcss'

Bootstrap

JvMTECH:
  MultiColumn:
    framework: 'bootstrap'

Row dialog

To improve the user experience, the JvMTECH.MultiColumn:Mixin.Row.CreationDialog can be added. This will ask for the number of columns when inserting.

JvMTECH.MultiColumn:Content.Row:
  superTypes:
    JvMTECH.MultiColumn:Mixin.Row.CreationDialog: true

For this you have to install the Flowpack.NodeTemplates package.

composer require flowpack/nodetemplates

Disable property

To disable e.g. the offset, override in your package the column NodeType by the following:

JvMTECH.MultiColumn:Content.Column:
  superTypes:
    JvMTECH.MultiColumn:Mixin.Column.Offset: false

To disable e.g. only the xl property, you can just disable the JvMTECH.MultiColumn:Mixin.Column.Offset.XL mixin.

JvMTECH.MultiColumn:Content.Column:
  superTypes:
    JvMTECH.MultiColumn:Mixin.Column.Offset.XL: false

Upgrade from WebExcess.MultiColumn

If you upgrade from the WebExcess.MultiColumn package, you have to do some code and node migrations.

./flow flow:core:migrate <Your.Package> --version 20201022140500
./flow node:migrate --version 20201022135200
./flow node:migrate --version 20201022141600

And change the grid rendering to Bootstrap

JvMTECH:
  MultiColumn:
    framework: 'bootstrap'

NOTE: In the old WebExcess.MultiColumn package, we had some column constraint mixin. In the new package this has to be handled by your own.