PHPackages                             georgringer/backend-layout-enhanced - 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. georgringer/backend-layout-enhanced

ActiveTypo3-cms-extension[Utility &amp; Helpers](/categories/utility)

georgringer/backend-layout-enhanced
===================================

Colorful backend layouts

0.0.1(1y ago)21.1k↓50%GPL-2.0-or-laterPHP

Since Mar 11Pushed 1y ago1 watchersCompare

[ Source](https://github.com/georgringer/backend_layout_enhanced)[ Packagist](https://packagist.org/packages/georgringer/backend-layout-enhanced)[ Fund](https://paypal.me/GeorgRinger/10)[ Fund](https://www.amazon.de/hz/wishlist/ls/8F573K08TSDG)[ RSS](/packages/georgringer-backend-layout-enhanced/feed)WikiDiscussions main Synced 1mo ago

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

TYPO3 Extension: `backend_layout_enhanced`
==========================================

[](#typo3-extension-backend_layout_enhanced)

Enhance your TYPO3 backend layouts with custom styling! This extension allows you to apply styles to backend layouts, making it easier for editors to visually identify different sections.

[![Example Layout](Resources/Public/Screenshots/example1.png)](Resources/Public/Screenshots/example1.png)

📌 Features
----------

[](#-features)

- Style full backend layouts and individual cells
- Improve editor experience with visually distinct sections
- Utilize CSS patterns for creative background designs

🛠 Requirements
--------------

[](#-requirements)

- TYPO3 **13.4.6+**
- Backend layouts configured via **Page TSconfig**

🚀 Installation
--------------

[](#-installation)

Install via Composer:

```
composer req georgringer/backend-layout-enhanced
```

🎨 Usage
-------

[](#-usage)

After installing the extension, you can define custom styles in your backend layout configuration. Styles can be applied both globally and per cell.

**⚠ Important:** The `identifier` property is required. Learn more in the [official TYPO3 documentation](https://docs.typo3.org/m/typo3/reference-typoscript/13.4/en-us/DataProcessing/PageContentFetchingProcessor.html#PageContentFetchingProcessor).

### Example Configuration

[](#example-configuration)

```
mod.web_layout.BackendLayouts.col-2 {
    title = Layout with 2 columns
    config {
        backend_layout {
            styles = background-color: #e5e5f7; background-image: radial-gradient(#5a3628 0.5px, #e5e5f7 0.5px); background-size: 10px 10px;
            colCount = 3
            rowCount = 1
            rows {
                1.columns {
                    1 {
                        name = Main
                        identifier = main
                        styles = background: repeating-linear-gradient(45deg, #E9E9E9, #E9E9E9 10px, #F6F6F6 10px, #F6F6F6 20px);
                        colspan = 2
                        colPos = 0
                    }

                    2 {
                        name = Right
                        identifier = right
                        styles = background: repeating-linear-gradient(45deg, #FFCD1E, #FFCD1E 10px, #cca418 10px, #cca418 20px);
                        colPos = 1
                    }
                }
            }
        }
    }
}

```

💡 *Tip:* Search for **"CSS background generator pattern"** for creative styling ideas.

🔍 Additional Information
------------------------

[](#-additional-information)

Starting from TYPO3 **13.4.6**, the Page Module provides additional CSS classes for styling:

- `.t3-grid-container-{layoutIdentifier}`
- `.t3-grid-cell-{cellIdentifier}`

These classes can be used to further customize the appearance of your backend layouts.

###  Health Score

28

—

LowBetter than 54% of packages

Maintenance47

Moderate activity, may be stable

Popularity22

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity27

Early-stage or recently created project

 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

Unknown

Total

1

Last Release

423d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/1d08c176686c8914d32c70d4af388887d738930fdfdf07c7ca9c841ad10ed683?d=identicon)[georgringer](/maintainers/georgringer)

---

Top Contributors

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

---

Tags

extensionlayoutbackendtypo3styles

### Embed Badge

![Health badge](/badges/georgringer-backend-layout-enhanced/health.svg)

```
[![Health](https://phpackages.com/badges/georgringer-backend-layout-enhanced/health.svg)](https://phpackages.com/packages/georgringer-backend-layout-enhanced)
```

###  Alternatives

[friendsoftypo3/tt-address

Displays a list of addresses from an address table on the page.

431.7M38](/packages/friendsoftypo3-tt-address)[quellenform/t3x-iconpack

Provides an iconpack-registry for custom iconpacks.

1542.7k25](/packages/quellenform-t3x-iconpack)[3m5/typo3-enhanced-backend

Improves the user experience (UI/UX), provides customization options for editors and enhances the look and feel of TYPO3 backend.

105.1k](/packages/3m5-typo3-enhanced-backend)

PHPackages © 2026

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