jvmtech/multicolumn

Multicolumn grid for Neos CMS

1.0.0 2020-10-26 15:45 UTC

Requires

• neos/neos: >=5.3
• webexcess/label: ~2.0.1

Replaces

• webexcess/multicolumn: *

MIT

• Samuel Hauser

• bootstrap
• grid
• neoscms
• FUSION
• multicolumn
• flow-framework
• tailwindcss

README

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.