markocupic/contao-article-class-select-bundle

Add additional classes to an article in the contao backend

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.

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

Inject a container- and a background CSS class

Frontend

Configuration

To replace the preconfigured classes with your own classes, you have two options.

The modern way:

# 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:

<?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',
];