PHPackages                             birdsinthesun/fly\_ux - 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. [Image &amp; Media](/categories/media)
4. /
5. birdsinthesun/fly\_ux

ActiveContao-bundle[Image &amp; Media](/categories/media)

birdsinthesun/fly\_ux
=====================

Bindet eine Media-Kachel-Ansicht für Bilder ein zum schnellen Editieren von Bildern. Integriert eine Layout-Ansicht im Inhalts-Bereich mit Drag&amp;Drop-Funktion. Ein individuelles Backend-Grid kann eingebunden werden. Entfernt die Artikel-Ebene in Contao CMS und optimiert die UX. Theme: https://packagist.org/packages/birdsinthesun/contao-theme-falke

1.3.3(8mo ago)0106[9 issues](https://github.com/birdsinthesun/fly_ux/issues)1MITPHPPHP &gt;=7.4

Since Apr 23Pushed 8mo ago1 watchersCompare

[ Source](https://github.com/birdsinthesun/fly_ux)[ Packagist](https://packagist.org/packages/birdsinthesun/fly_ux)[ Docs](https://github.com/birdsinthesun/fly_ux)[ RSS](/packages/birdsinthesun-fly-ux/feed)WikiDiscussions main Synced 1mo ago

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

🧩 FlyUx Bundle – Inhaltsstruktur ohne Artikel-Ebene
===================================================

[](#-flyux-bundle--inhaltsstruktur-ohne-artikel-ebene)

Dieses Bundle erweitert Contao um eine neue Inhaltsstruktur, bei der die klassische Artikel-Ebene (`tl_article`) entfällt. Inhalte werden direkt auf Seitenebene verwaltet – das reduziert Komplexität und bringt neue Flexibilität in der Darstellung und Bearbeitung im Backend.

1. 🚫 Artikel-Ebene entfernt
---------------------------

[](#1--artikel-ebene-entfernt)

Contao nutzt standardmäßig eine Zwischenebene namens „Artikel“ (`tl_article`), um Inhalte (`tl_content`) einer Seite zuzuordnen. In diesem Bundle wurde diese Ebene entfernt – `tl_content` verweist direkt auf `tl_page`.

**Vorgehen:**

- Migration beim Bundle-Setup verschiebt `tl_content`-Datensätze von Artikeln auf Seiten (`tl_content.pid = tl_article.pid`)
- `ptable` wird zu `tl_page`, `inColumn` bleibt erhalten
- Die Artikel-Tabelle (`tl_article`) kann nach der Migration entfernt werden
- Backend-Ansicht wurde angepasst, um Inhalte direkt unter Seiten zu verwalten

2. 🖼️ Media-View – Kachelansicht von Bildern im Backend
-------------------------------------------------------

[](#2-️-media-view--kachelansicht-von-bildern-im-backend)

Ein neuer Mediamanager erlaubt die Verwaltung von Bildern in einer Kachelansicht – benutzerfreundlich und übersichtlich.

**Technische Details:**

- ⚙️ **Eigene `DC_Media`-Klasse**, die `DC_Folder` erweitert
- 🖼️ Bilder werden als Thumbnails in einer Kachelansicht dargestellt
- 🛠️ Thumbnails werden über einen eigenen `ImageResizer`-Service erstellt und gecached
- 🪟 Klick auf ein Bild öffnet ein **Modal** mit Details:
    - Pfad
    - Bildgröße
    - Bearbeitungsoptionen
- 🔍 Suchfunktion ist vorbereitet, aber noch nicht vollständig umgesetzt

3. 🧲 Drag &amp; Drop im Inhaltsbereich
--------------------------------------

[](#3--drag--drop-im-inhaltsbereich)

Die Inhalte (`tl_content`) lassen sich über ein intuitives Drag-&amp;-Drop-Interface neu sortieren – auch spaltenübergreifend.

**Features:**

- 🎯 Sortierung basiert auf dem `sorting`-Feld in 128er-Schritten
- 📦 Per JavaScript können Inhalte innerhalb einer Spalte verschoben werden
- 🔀 Spaltenwechsel ist ebenfalls möglich – dabei wird `inColumn` aktualisiert
- 🔄 Neue Sortierung wird via AJAX an das Backend übertragen
- 🔐 Berechtigungen und Sichtbarkeit werden weiterhin beachtet

4. Be-Grid: Backend-Vorschau wie im Frontend
--------------------------------------------

[](#4-be-grid-backend-vorschau-wie-im-frontend)

Im `tl_layout` wurde das Feld `be_grid` hinzugefügt.

- Redakteure können ein spezielles Backend-Stylesheet auswählen
- Das Stylesheet imitiert das Frontend-Grid
- Inhaltselemente erscheinen im Backend wie im Frontend angeordnet
- Unterstützt klares visuelles Feedback bei Drag-&amp;-Drop

✅ Fazit
-------

[](#-fazit)

Mit diesem Bundle wurde die klassische Struktur von Contao gezielt verändert – zugunsten einer intuitiveren und moderneren Benutzererfahrung. Die Entfernung der Artikel-Ebene ermöglicht eine klarere Hierarchie, während die neuen Medien- und Inhaltsfunktionen das Backend deutlich aufwerten.

Theme
-----

[](#theme)

Hier wird außerdem ein Theme bereitgestellt, welches zum Kennenlernen dieser Erweiterung dienen soll:

Hinweis
-------

[](#hinweis)

Es ist gut ein Backup zu machen. Erweiterungen welche auf die Article-Ebene zugreifen oder welche verschachtelte Inhalts-Elemente erzeugen können mit Fly UX kollidieren. Ansonsten siehe offene Issues.

Fly UX nutzt einen eigenen Driver für tl\_content. Anstelle von Nested ContentElements wird das ContentPLus-Schema für verschachtelte Inhalts-Elemente verwendet. ContentPlus nutzt im Gegensatz zu Nested ContentElements keine Sub-Controller.

###  Health Score

33

—

LowBetter than 75% of packages

Maintenance59

Moderate activity, may be stable

Popularity9

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity47

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 ~5 days

Total

26

Last Release

257d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/d0a33ca42aab7e24cf9294f751f3b6376f0788d01ba0df67cb4ea8445bb2b889?d=identicon)[birdsinthesun](/maintainers/birdsinthesun)

---

Top Contributors

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

---

Tags

mediacontaowysiwygdragdroptl\_contentfly\_uxtl\_files

### Embed Badge

![Health badge](/badges/birdsinthesun-fly-ux/health.svg)

```
[![Health](https://phpackages.com/badges/birdsinthesun-fly-ux/health.svg)](https://phpackages.com/packages/birdsinthesun-fly-ux)
```

###  Alternatives

[codefog/contao-haste

haste extension for Contao Open Source CMS

42650.8k139](/packages/codefog-contao-haste)[jolicode/media-bundle

A media management bundle for Symfony applications, with Easyadmin and SonataAdmin integrations.

1054.9k](/packages/jolicode-media-bundle)[terminal42/dcawizard

dcaWizard extension for Contao Open Source CMS

10370.7k15](/packages/terminal42-dcawizard)[contao-community-alliance/dc-general

Universal data container for Contao

1578.3k86](/packages/contao-community-alliance-dc-general)[terminal42/contao-pageimage

\[Contao CMS\] Assign images to pages and output them on layout level using a frontend module.

1358.8k2](/packages/terminal42-contao-pageimage)

PHPackages © 2026

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