jvmtech/multicolumn

Last activity on 10 October 2020
  • 18
composer require jvmtech/multicolumn

Multicolumn grid for Neos CMS

1.0.0

Multicolumn grid for Neos CMS

Version
1.0.0
Type
neos-plugin
Release Date
Oct 26, 2020 3:45:12 p.m.
Source
git
Distribution
zip
Requires
Requires (dev)
None
Suggest
None
Provides
None
Conflicts
None
Replaces
MIT
  • #bootstrap
  • #grid
  • #neoscms
  • #fusion
  • #multicolumn
  • #flow-framework
  • #tailwindcss
63b669df0f905c453746aa7ba9d78cc3e8dfedb5

JvMTECH.MultiColumn Package for Neos CMS

Latest Stable Version License

Tailwind CSS / Bootstrap grid for Neos CMS

JvM.MultiColumn

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.

The content of the readme is provided by Github
The same vendor provides 4 package(s).