PHPackages                             heimseiten/contao-show-css-in-lists-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 &amp; Helpers](/categories/utility)
4. /
5. heimseiten/contao-show-css-in-lists-bundle

ActiveContao-bundle[Utility &amp; Helpers](/categories/utility)

heimseiten/contao-show-css-in-lists-bundle
==========================================

Zeigt CSS-IDs und CSS-Klassen in den Backend-Listenansichten (Seiten, Artikel, Inhaltselemente) von Contao an – pro Benutzer einschaltbar.

1.0.1(yesterday)00GPL-3.0-or-laterPHPPHP ^8.1

Since Jun 17Pushed yesterdayCompare

[ Source](https://github.com/heimseiten/contao-show-css-in-lists-bundle)[ Packagist](https://packagist.org/packages/heimseiten/contao-show-css-in-lists-bundle)[ RSS](/packages/heimseiten-contao-show-css-in-lists-bundle/feed)WikiDiscussions main Synced today

READMEChangelog (2)Dependencies (1)Versions (3)Used By (0)

Show CSS in lists (Contao backend)
==================================

[](#show-css-in-lists-contao-backend)

Shows the **CSS ID and CSS classes** of pages, articles and content elements directly in the Contao back end list views – rendered as small, readable "pills". Each back end user enables it for themselves in their profile.

Extracted from `heimseiten/contao-custom-backend-settings-bundle` into a dedicated bundle.

Installation
------------

[](#installation)

```
composer require heimseiten/contao-show-css-in-lists-bundle
vendor/bin/contao-console contao:migrate
```

Usage
-----

[](#usage)

In the back end open your user profile (or *System → Back end users*) and tick **„CSS in Seiten, ID und CSS in Artikeln und Inhaltselementen anzeigen"** in the appearance section. The CSS id/classes then appear in:

- the **page tree** (site structure),
- the **article** list,
- the **content element** list (incl. element groups).

Requires Contao `^5.7` (uses the automatic SQL definition from [contao/contao#8838](https://github.com/contao/contao/pull/8838), so the user setting needs no explicit `sql`).

[![564304084-37f8c6bb-8986-4f64-af9d-ed3442517ad8](https://private-user-images.githubusercontent.com/6552484/609719975-27c5fa93-10dc-43c8-903b-ad1a10ed1dc9.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODE4MzY3MTksIm5iZiI6MTc4MTgzNjQxOSwicGF0aCI6Ii82NTUyNDg0LzYwOTcxOTk3NS0yN2M1ZmE5My0xMGRjLTQzYzgtOTAzYi1hZDFhMTBlZDFkYzkucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDYxOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA2MTlUMDIzMzM5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9Mjk3ZjMyMjc3MDhhYzViMGU0Zjc0YzY4ZjJmODkxZjg4ZmRjZDdmOTUxYjJjYmVkNzNlN2ZmODk4ZjUyODIwZCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.Q7qhwVmWJy7DpndiWvPiMeWfdyDzefYNU1HKAMMMOWI)](https://private-user-images.githubusercontent.com/6552484/609719975-27c5fa93-10dc-43c8-903b-ad1a10ed1dc9.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODE4MzY3MTksIm5iZiI6MTc4MTgzNjQxOSwicGF0aCI6Ii82NTUyNDg0LzYwOTcxOTk3NS0yN2M1ZmE5My0xMGRjLTQzYzgtOTAzYi1hZDFhMTBlZDFkYzkucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDYxOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA2MTlUMDIzMzM5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9Mjk3ZjMyMjc3MDhhYzViMGU0Zjc0YzY4ZjJmODkxZjg4ZmRjZDdmOTUxYjJjYmVkNzNlN2ZmODk4ZjUyODIwZCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.Q7qhwVmWJy7DpndiWvPiMeWfdyDzefYNU1HKAMMMOWI)[![564304144-dcab1210-85de-4ba3-9425-2a7ce0bb717d](https://private-user-images.githubusercontent.com/6552484/609719948-95b6d8d1-726c-470f-bccd-d4c0f7825a32.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODE4MzY3MTksIm5iZiI6MTc4MTgzNjQxOSwicGF0aCI6Ii82NTUyNDg0LzYwOTcxOTk0OC05NWI2ZDhkMS03MjZjLTQ3MGYtYmNjZC1kNGMwZjc4MjVhMzIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDYxOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA2MTlUMDIzMzM5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZDExYjU1ZGIyMjU1MTBiZTYxNjYyMjQyYTFmMjExMGI5ZTRkYzFhNzZkMTM2NzY0ZmQxODJiNDU1YjI0YzlhNiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.aLs-xrUJ59hrFoLFy57tws1p8LJqn5A_vTPZ5DfIZlI)](https://private-user-images.githubusercontent.com/6552484/609719948-95b6d8d1-726c-470f-bccd-d4c0f7825a32.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODE4MzY3MTksIm5iZiI6MTc4MTgzNjQxOSwicGF0aCI6Ii82NTUyNDg0LzYwOTcxOTk0OC05NWI2ZDhkMS03MjZjLTQ3MGYtYmNjZC1kNGMwZjc4MjVhMzIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDYxOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA2MTlUMDIzMzM5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZDExYjU1ZGIyMjU1MTBiZTYxNjYyMjQyYTFmMjExMGI5ZTRkYzFhNzZkMTM2NzY0ZmQxODJiNDU1YjI0YzlhNiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.aLs-xrUJ59hrFoLFy57tws1p8LJqn5A_vTPZ5DfIZlI)[![577230855-71400930-d12e-42a5-a2a6-6325f7955db3](https://private-user-images.githubusercontent.com/6552484/609719986-6f10cb3a-d02a-4b98-bb43-c798a11769f6.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODE4MzY3MTksIm5iZiI6MTc4MTgzNjQxOSwicGF0aCI6Ii82NTUyNDg0LzYwOTcxOTk4Ni02ZjEwY2IzYS1kMDJhLTRiOTgtYmI0My1jNzk4YTExNzY5ZjYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDYxOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA2MTlUMDIzMzM5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDRhOGUxMGU2ZGZmMTkyZmM4ZDE4YzlhYzljZTkwYTQ0ODBkNGVlNzQ5YWJiOTVlZGY4MTgwODk1NWM4NDNjOCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.ysKByebwVa0xj0i7P3yF6jY7Ja4rj31LZy03tiGSkDk)](https://private-user-images.githubusercontent.com/6552484/609719986-6f10cb3a-d02a-4b98-bb43-c798a11769f6.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODE4MzY3MTksIm5iZiI6MTc4MTgzNjQxOSwicGF0aCI6Ii82NTUyNDg0LzYwOTcxOTk4Ni02ZjEwY2IzYS1kMDJhLTRiOTgtYmI0My1jNzk4YTExNzY5ZjYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDYxOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA2MTlUMDIzMzM5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MDRhOGUxMGU2ZGZmMTkyZmM4ZDE4YzlhYzljZTkwYTQ0ODBkNGVlNzQ5YWJiOTVlZGY4MTgwODk1NWM4NDNjOCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.ysKByebwVa0xj0i7P3yF6jY7Ja4rj31LZy03tiGSkDk)[![577230902-50c3911c-2619-4d74-8580-2adbf771b259](https://private-user-images.githubusercontent.com/6552484/609720016-4780e1bf-f10a-42d5-9296-ee2d84350504.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODE4MzY3MTksIm5iZiI6MTc4MTgzNjQxOSwicGF0aCI6Ii82NTUyNDg0LzYwOTcyMDAxNi00NzgwZTFiZi1mMTBhLTQyZDUtOTI5Ni1lZTJkODQzNTA1MDQucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDYxOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA2MTlUMDIzMzM5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZGZlYTJlYTMwMWIwYTI5MDgxMmFkMzYxMTg4M2MzMTBiY2QyYTdkNDhmMmM2NTE0NjdjNWE4MGNlMGYzMjJmYyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.CuP3hMoNTsN7_aufeMVqHbIrsYUbHSYslShLi-zmpoM)](https://private-user-images.githubusercontent.com/6552484/609720016-4780e1bf-f10a-42d5-9296-ee2d84350504.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODE4MzY3MTksIm5iZiI6MTc4MTgzNjQxOSwicGF0aCI6Ii82NTUyNDg0LzYwOTcyMDAxNi00NzgwZTFiZi1mMTBhLTQyZDUtOTI5Ni1lZTJkODQzNTA1MDQucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI2MDYxOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNjA2MTlUMDIzMzM5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZGZlYTJlYTMwMWIwYTI5MDgxMmFkMzYxMTg4M2MzMTBiY2QyYTdkNDhmMmM2NTE0NjdjNWE4MGNlMGYzMjJmYyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmcmVzcG9uc2UtY29udGVudC10eXBlPWltYWdlJTJGcG5nIn0.CuP3hMoNTsN7_aufeMVqHbIrsYUbHSYslShLi-zmpoM)

###  Health Score

39

—

LowBetter than 85% of packages

Maintenance100

Actively maintained with recent releases

Popularity0

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity43

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~0 days

Total

2

Last Release

1d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/3a20bfd2f0aef996aa7d402a8f4d4065dcfd47ff9489d09b7205824f8dbc5b84?d=identicon)[heimseiten.de - Webdesign aus Köln](/maintainers/heimseiten.de%20-%20Webdesign%20aus%20K%C3%B6ln)

---

Top Contributors

[![heimseiten](https://avatars.githubusercontent.com/u/6552484?v=4)](https://github.com/heimseiten "heimseiten (4 commits)")

---

Tags

csscontaobackendlisting

### Embed Badge

![Health badge](/badges/heimseiten-contao-show-css-in-lists-bundle/health.svg)

```
[![Health](https://phpackages.com/badges/heimseiten-contao-show-css-in-lists-bundle/health.svg)](https://phpackages.com/packages/heimseiten-contao-show-css-in-lists-bundle)
```

###  Alternatives

[codefog/contao-haste

haste extension for Contao Open Source CMS

41668.4k162](/packages/codefog-contao-haste)[oveleon/contao-component-style-manager

Style and CSS-Class Manager for Contao Open Source CMS

2337.6k8](/packages/oveleon-contao-component-style-manager)[codefog/contao-news_categories

News Categories bundle for Contao Open Source CMS

3187.0k6](/packages/codefog-contao-news-categories)[terminal42/contao-inserttags

Contao extension to create custom insert tags.

1250.8k](/packages/terminal42-contao-inserttags)[terminal42/contao-folderpage

Provides a new page type for Contao that allows you to group pages into folders.

18153.4k10](/packages/terminal42-contao-folderpage)[terminal42/contao-url-rewrite

URL Rewrite bundle for Contao Open Source CMS

15100.0k3](/packages/terminal42-contao-url-rewrite)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
