Das responsive Admin-Design (admin3) #

Diese Seite ist für Administratoren, die möchten, dass Redakteure von einem Telefon, einem Tablet oder einem breiten Monitor aus arbeiten. admin3 ist die klassische Administrationsoberfläche (die Designs admin und admin2) mit einer einklappbaren Seitenleiste, Menüs, die per Berührung funktionieren, und Inhaltsformularen, die sich stapeln statt überzulaufen. Jeder Name von Modul, Berechtigung und Template ist derselbe wie in admin. Es wurde zuerst im August 2024 (6.0.4) ausgeliefert und im Oktober und November 2024 (6.0.6) nach Tests auf Telefonen und Tablets überarbeitet.

Einschalten #

admin3 erweitert admin und wird daher als Design eines Admin-Siteaccess aufgeführt. Der mitgelieferte Siteaccess admin führt es bereits als Rückfall hinter admin4:

# settings/siteaccess/admin/site.ini.append.php
[DesignSettings]
SiteDesign=admin4
AdditionalSiteDesignList[]
AdditionalSiteDesignList[]=admin3
AdditionalSiteDesignList[]=admin2
AdditionalSiteDesignList[]=admin

Zuerst aufgeführte Designs gewinnen. Um admin3 selbst zu betreiben, setzen Sie es in SiteDesign:

[DesignSettings]
SiteDesign=admin3
AdditionalSiteDesignList[]
AdditionalSiteDesignList[]=admin2
AdditionalSiteDesignList[]=admin

Leeren Sie dann die Caches:

php bin/php/ezcache.php --clear-all --allow-root-user

Das responsive Skript wird von settings/design.ini geladen, [JavaScriptSettings] BackendJavaScriptList[]=ezadmin_menubar.js. Im ersten Release hieß das Skript main.js und musste von Hand eingeschaltet werden; seit November 2024 heißt es ezadmin_menubar.js und ist standardmäßig eingeschaltet.

Was anders ist #

• Seitenleisten klappen ein. Das linke Menü (Inhaltsbaum und Schnellzugriffe) und das rechte Menü klappen mit einem Schalter weg; die Wahl übersteht das Neuladen von Seiten. Auf schmalen Bildschirmen öffnen sie sich als Ebene über der Seite, mit einem tieferen Schatten.
• Tabellen scrollen, statt die Seite zu sprengen. pagelayout.css gibt .table-responsive und jedem Element, das direkt eine Tabelle enthält (div:has(> table)), overflow-x: auto, sodass eine breite Tabelle in ihrem Kasten scrollt. ezadmin_menubar.js definiert außerdem einen Helfer wrapTable(), aber sein Aufruf im Handler für „Seite bereit“ ist auskommentiert; die CSS-Regel erledigt die Arbeit. Prüfen mit grep -n wrapTable design/admin3/javascript/ezadmin_menubar.js.
• Kopfbereich und Dashboard folgen dem Bildschirm. Die Höhe des Dashboards wird aus der echten Höhe des Kopfbereichs berechnet und in einer CSS-Variablen gespeichert (--header-height).
• Browser auf Telefonen verhalten sich. Eine Korrektur im November 2024 verhinderte, dass iOS-Browser die Seitenleisten beim Scrollen der Seite verbargen. Die Schichtung der Menüs (z-index) wurde korrigiert, sodass jeder Untermenüeintrag anklickbar ist.
• Bearbeitungsformulare passen auf kleine Bildschirme. content/edit.tpl, content/edit_draft.tpl, content/edit_menu.tpl, content/history.tpl und content/view/versionview.tpl sind in design/admin3/templates/ überschrieben.
• Den aktuellen Knoten beim Auswählen nehmen. In einem Auswahldialog (Wahl einer übergeordneten Platzierung, eines Beziehungsziels, eines Tauschziels) zeigt die Überschreibung content/browse_current_node.tpl (Juni 2025), eingebunden von content/browse_mode_list.tpl und content/browse_mode_thumbnail.tpl, den Knoten, in dem Sie sind, als auswählbare Zeile. Sie müssen nicht mehr eine Ebene hinauf- und wieder hinabgehen, um ihn zu wählen.
• Das Design-Menü ist zurück. Der Menüeintrag /design steht im neuen Menübereich wieder zur Verfügung (Dezember 2024).

Einstellungen #

Dateien #

Verwandte Seiten #

• Breite und Schriftgröße der linken Seitenleiste, das Design admin4
• Ausgewählte Unterelemente kopieren, ausgewählte Unterelemente ausblenden und einblenden, Unterelementliste: Spalten, Voreinstellungen und CSV-Export
• Blättern und Seitengrößen
• Die Entfernung von YUI, die alle Admin-Designs auf jQuery umstellte
• Changelogs: 6.0.4, 6.0.6, 6.0.10
• Chronik: August 2024, Oktober 2024, November 2024, Januar 2025, Juni 2025, Juni 2026, zweite Hälfte