markocupic/contao-article-class-select-bundle

Contao 4 Article Class Select Bundle

, _(*1)

Contao Article Class Select Bundle

With this extension for Contao 4 you can inject two more classes in the article settings of the contao backend., _(*2)

The extension comes with a customized article template, in which an additional DIV element has been built in to use the Bootstrap container classes., _(*3)

Inject a container- and a background CSS class

, _(*4)

Frontend

, _(*5)

Configuration

To replace the preconfigured classes with your own classes, you have two options., _(*6)

The modern way:, _(*7)

# Inside your config/config.yaml you write:

markocupic_article_class_select:
  container_class:
    - 'container'
    - 'container p-0'
    - 'container px-0'
    - 'container py-0'
    - 'container-fluid'
    - 'container-fluid p-0 m-0'

  background_class:
    - 'white-background'
    - 'gray-background'
    - 'my-dark-background'

In a more classic way:, _(*8)

<?php

// Inside your contao/dca/tl_article.php you write:

$GLOBALS['TL_DCA']['tl_article']['fields']['containerClass']['options'] = [
    'container-sm',
    'container-lg',
    'container-fluid',
];

$GLOBALS['TL_DCA']['tl_article']['fields']['backgroundClass']['options'] = [
    'white-background',
    'gray-background',
    'dark-background',
];