PHPackages                             markocupic/contao-article-class-select-bundle - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. markocupic/contao-article-class-select-bundle

ActiveContao-module[Utility & Helpers](/categories/utility)

markocupic/contao-article-class-select-bundle
=============================================

Contao 4 Article Class Select Bundle

2.2.6(1mo ago)37681[1 issues](https://github.com/markocupic/contao-article-class-select-bundle/issues)2MITPHPPHP ^8.0CI failing

Since Dec 21Pushed 1mo ago1 watchersCompare

[ Source](https://github.com/markocupic/contao-article-class-select-bundle)[ Packagist](https://packagist.org/packages/markocupic/contao-article-class-select-bundle)[ RSS](/packages/markocupic-contao-article-class-select-bundle/feed)WikiDiscussions master Synced today

READMEChangelogDependencies (4)Versions (26)Used By (2)

[![Marko Cupic](docs/logo.png?raw=true "Marko Cupic")](docs/logo.png?raw=true)

Contao Article Class Select Bundle
==================================

[](#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
------------------------------------------------------

[](#inject-a-container--and-a-background-css-class)

[![Alt text](docs/backend.png?raw=true "Backend")](docs/backend.png?raw=true)

Frontend
--------

[](#frontend)

[![Alt text](docs/frontend.png?raw=true "Frontend")](docs/frontend.png?raw=true)

Configuration
-------------

[](#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:*

```