heimrichhannot/contao-subcolumns-bootstrap-bundle

This bundle adds support for the bootstrap grid to felixpfeiffer's subcolumns module.

1.9.3 2022-07-21 11:36 UTC

README

This Contao 4 bundle adds support for the bootstrap 4 grid to felixpfeiffer/subcolumns.

Definition of a column set

alt config

Usage of a column set

alt content

Courtesy to:

Requirements

Features

  • Handle column sets in a contao entity -> also customizable by non-developers
  • clear layout for editors (see above)
  • Support for columns breaking out of the container (add a css class or click the corresponding option in your column start element)
    • col-full: Column taking the full width of the viewport while being inside a container
    • col-full-left: Column taking the full width on the left of the viewport while being inside a container
    • col-full-right: Column taking the full width on the right of the viewport while being inside a container
  • add div wrappers with arbitrary css classes
  • wrap column sets with a "container"-div

Technical instructions

  1. Specify "Bootstrap 4" in the subcolumns configuration
  2. Update your database
  3. Navigate to the subcolumns section on the left and create a column set.
  4. Navigate to the desired article and add a new Column set start element (the other elements are created automatically).
  5. Choose the column set you created in step 2.

Known issues

  • sorting via sort anchor (ajax) isn't working -> use synchronous cut action instead (the blue arrow)