Tailwind CSS / Bootstrap grid for Neos CMS
composer require jvmtech/multicolumn
There are already defined classes for Tailwind CSS and Bootstrap. You can simply define it in the configuration.
JvMTECH:
MultiColumn:
framework: 'tailwindcss'
JvMTECH:
MultiColumn:
framework: 'bootstrap'
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
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
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.