--- title: Verbesserungen am Seitenbaum beim Element-Browser und Link-Picker in TYPO3 v11 url: "https://b13.com/de/wissen/eine-konsistente-ux-macht-die-auswahl-von-elementen-intuitiver" description: TYPO3 v11 erweitert die Verbesserungen des Seitenbaums auf die modalen Fenster des Element-Browsers und des Link-Pickers und bietet so eine konsistente User Experience für Redakteure. image: "https://b13.com/fileadmin/_processed_/4/6/csm_trees_191-1_b028086c6b.png" date: 2022-07-20 modified: 2026-08-19 lastUpdated: 2026-08-19 --- # Verbesserungen am Seitenbaum beim Element-Browser und Link-Picker in TYPO3 v11 [ TYPO3 ](https://b13.com/de/wissen/typo3) [ TYPO3 v11 ](https://b13.com/de/wissen/typo3-v11) [ UX/UI-Design ](https://b13.com/de/wissen/uxui-design) Eine konsistente UX macht die Auswahl von Elementen intuitiver ================================================================ Verbesserungen des Element Browsers und des Link Pickers in TYPO3 v11 ![](https://b13.com/fileadmin/_processed_/c/6/csm_benni_5e519221c4.jpg)Benni Mack 20. Juli 2022 [ RSS Feed ](https://b13.com/de/rss.xml) ![Abstrakte Grafik mit verschiedenen Benutzeroberflächenelementen, darunter Listen, Kontrollkästchen und Symbole, die Links und Aktionen darstellen, vor einem Farbverlaufshintergrund in Orange und Grün.](https://b13.com/fileadmin/_processed_/d/7/csm_trees_422f825ccf.webp) In dieser Serie haben wir bereits über die Verbesserungen des Seitenbaums in TYPO3 v11 berichtet, und zwar in dem Beitrag [Skalieren und Ausblenden des Seitenbaums in TYPO3](https://b13.com/de/wissen/skalieren-und-ausblenden-des-seitenbaums-in-typo3). Es gibt eine Funktion, die einen eigenen Platz in unserer Liste der neuen Funktionen in TYPO3 v11 verdient, und das ist die Seitenbaum-Funktionalität innerhalb des Element-Browsers und des Link-Pickers. Dieser Blogpost ist Teil unserer TYPO3 Version 11 Serie. Wir stellen einige der wirklich nützlichen Funktionen der Version 11 vor und zeigen, warum ein Upgrade sinnvoll ist. - [Link Sharing in TYPO3 v11](https://b13.com/de/wissen/link-sharing-in-typo3-v11) - [Download von Medieninhalten direkt aus der TYPO3-Instanz](https://b13.com/de/wissen/assets-medien-direkt-downloaden-typo3) - [Neue CLI-Befehle und bessere Automatisierung für Continuous Integration](https://b13.com/de/wissen/neue-cli-befehle-und-bessere-automatisierung-fuer-continuous-integration) - [Skalieren und Ausblenden des Seitenbaums in TYPO3](https://b13.com/de/wissen/skalieren-und-ausblenden-des-seitenbaums-in-typo3)**[ ](https://b13.com/de/wissen/skalieren-und-ausblenden-des-seitenbaums-in-typo3)** - [Multi-Faktor-Authentifizierung](https://b13.com/de/wissen/multi-faktor-authentifizierung-in-typo3-11) - [Suchen & Filtern nach Ordnern und Assets](https://b13.com/de/wissen/suchen-filtern-nach-ordnern-und-assets) - [Begrenzung der zulässigen Versuche für Logins in TYPO3 v11](https://b13.com/de/wissen/begrenzung-fuer-login-versuche-in-typo3-v11) - [Show Columns Selector in Liste and Dateiliste](https://b13.com/de/wissen/show-columns-selector-in-liste-and-dateiliste) - [Multi Record Selection](https://b13.com/de/wissen/multi-record-selection) - [Tastaturnavigation für Modul Menü & Kontextmenü ](https://b13.com/de/wissen/tastaturnavigation-fuer-modul-menue-kontextmenue) - [Verbesserte Workspaces](https://b13.com/de/wissen/verbesserte-workspaces) - **[Eine konsistente UX macht die Auswahl von Elementen intuitiver](https://b13.com/de/wissen/eine-konsistente-ux-macht-die-auswahl-von-elementen-intuitiver)** - [Neue TCA-Typen in TYPO3 Version 11](https://b13.com/de/wissen/neue-tca-arten-in-typo3-version-11) Was ist der Element Browser? ------------------------------ Mit dem Element Browser können Sie eine oder mehrere Dateien oder Datensätze auswählen, die auf einer Seite eingebettet werden sollen. Da TYPO3 Millionen von Datensätzen verarbeiten kann, werden diese auf Seiten gruppiert — der Seitenbaum ist also der natürliche Filter der ersten Ebene. Der Link Picker wird verwendet, um auf eine Seite, ein Asset, eine E-Mail oder eine externe URL zu verlinken. In der Regel wird die Linkauswahl innerhalb eines Inhaltstyps verwendet, wenn Sie einen Textausschnitt oder ein Bild verlinken, um auf eine Seite, eine Datei oder eine externe URL zu verweisen. ![TYPO3 v11 Element Browser](https://b13.com/fileadmin/_processed_/5/d/csm_Element_Browser_aca106ad24.webp) TYPO3 v11 Element Browser Beide Funktionen öffnen ein modales Fenster mit dem Seitenbaum (oder Ordnerbaum) auf der linken Seite. Die Verbesserungen des Seitenbaums, die in früheren Versionen von TYPO3 vorgenommen wurden, erstreckten sich nicht auf diese Darstellung des Baums. Als Redakteur, der mit vielen Inhalten oder vielen Seiten oder Ordnern arbeitet, war es klar, dass auch diese Komponenten aktualisiert werden mussten. Alles Neue… ------------- Mit TYPO3 v11 können Sie bei jedem Baum (auch im Link Picker und Element Browser) sicher sein, dass alle Funktionen, die Sie kennen und lieben gelernt haben, unterstützt werden: - SVG-basiertes Icon-Rendering — bedeutet, dass das Rendering innerhalb des Browsers superschnell ist - [Tastatur Navigation](https://b13.com/de/wissen/tastaturnavigation-fuer-modul-menue-kontextmenue) - [Skalierbare Navigationsbereiche](https://b13.com/de/wissen/skalieren-und-ausblenden-des-seitenbaums-in-typo3) - die auch komplett eingeklappt werden können - Dynamisches Laden von Unterseiten im Baum - Gespeicherter Zustand — der geöffnete/geschlossene Zustand von Teilen des Seitenbaums wird für den Hauptseitenbaum und den geöffneten Baum gemeinsam genutzt - [Filtern und Suchen](https://b13.com/de/wissen/suchen-filtern-nach-ordnern-und-assets) - Anzeige der Seiten-ID oder des Navigationstitels auf einer Seite ![TYPO3 v11 Link Browser mit Tastatur Navigation](https://b13.com/fileadmin/_processed_/2/8/csm_Link_Browser_w_keyboard_navigation_8efcdddb35.webp) TYPO3 v11 Link Browser mit Tastatur Navigation ![TYPO3 v11 Seitenbaum im Record Selector - Anker](https://b13.com/fileadmin/_processed_/6/4/csm_Trees_in_Record_Selector_Anchor_0938e11be1.webp) TYPO3 v11 Seitenbaum im Record Selector - Anker … und die Kirsche auf dem Sahnehäubchen! ------------------------------------------ Bonus! Es gibt zwei neue Funktionen, die im Hauptseitenbaum nicht verfügbar sind. Der Link Picker verwendet jetzt ein „Anker“-Symbol, um direkt auf einen Ordner oder eine Datei zu verlinken. So können Sie jetzt mit dem Mauszeiger über eine Seite fahren und das Symbol im Baum auswählen, um einen Link zu einer Seite zu erstellen, oder auf den Seitentitel klicken, um einen direkten Link zu einem Inhaltselement zu erstellen. Wenn Sie im Element-Browser eine Seite auswählen und das modale Feld neu geladen wird, bleibt der Seitenrahmen jetzt erhalten und nur der Inhaltsrahmen wird neu geladen. Dies ist eine Zeitersparnis für TYPO3-Installationen mit einer großen Baumstruktur. Die allgemeinen Leistungsverbesserungen in TYPO3 v11 bedeuten, dass die verfügbaren Elemente einer Seite im Element-Browser sofort angezeigt werden! Überzeugen Sie sich selbst ---------------------------- Testen Sie den Link Picker und den Element Browser live im TYPO3 Demo Projekt unter [demo.typo3.org](http://demo.typo3.org). Möchten Sie die neue Funktion ausprobieren? --------------------------------------------- Wenn Sie von diesen Verbesserungen genauso begeistert sind wie wir, nehmen Sie Kontakt mit uns auf und wir helfen Ihnen beim Update auf TYPO3 v11. [ Let’s Connect ](https://b13.com/de/kontakt) ### Geschrieben von: ![Lächelnder Mann mit kurzen Haaren und einem Bart, der ein weinrotes Hemd trägt, steht in einer modernen Innenumgebung mit unscharfen Hintergrundelementen.](https://b13.com/fileadmin/_processed_/c/6/csm_benni_66cce9a81f.webp) Der Mitbegründer von b13 und Leiter des TYPO3 CMS Core Developement, Benni Mack, bestimmt maßgeblich unsere technischen Best-Practises. Er ist zuständig für den Aufbau und die Wartung unserer technischen Infrastruktur und koordiniert unseren Beitrag zum Open-Source-Projekt. Sein wesentliches Werkzeug: TYPO3 Benni Mack CTO [ mehr von Benni Mack ](https://b13.com/de/team/benni-mack) Ähnliche Artikel ------------------ - ![Cartoon-Trophäenfigur umgeben von Händen, die Daumen hoch und ein Herzzeichen geben, vor einem Hintergrund mit Zahnradmuster.](https://b13.com/fileadmin/_processed_/f/7/csm_T3ppy_Design_Kit_Headerbild_b51eb9dc31.webp) ### T3ppy gibt TYPO3 ein freundliches Gesicht 06. August 2026 | Florian “Flix” Keitgen TYPO3 ist leistungsstark — muss sich aber nicht unpersönlich anfühlen. Das ist T3ppy, unser freundlicher Begleiter fürs Backend. [ weiterlesen: T3ppy gibt TYPO3 ein freundliches Gesicht ](https://b13.com/de/wissen/t3ppy-design-kit) - ![Hammer mit der Aufschrift 'KI' auf einem schaltkreis-musternden Hintergrund mit gelben Sternen, der Regulierung oder Gesetzgebung im Zusammenhang mit künstlicher Intelligenz in der EU symbolisiert.](https://b13.com/fileadmin/_processed_/1/0/csm_EUAIAct_Headerbild_510724b3de.webp) ### KI-Inhalte in TYPO3: Transparenz braucht Verantwortung 02. August 2026 | Benni Mack Der EU AI Act rückt die Herkunft KI-generierter Inhalte in den Fokus. AI Label kennzeichnet KI-generierte und KI-bearbeitete Inhalte in TYPO3 und dokumentiert, wer den… [ weiterlesen: KI-Inhalte in TYPO3: Transparenz braucht Verantwortung ](https://b13.com/de/wissen/ai-content-in-typo3-labelling-needs-accountability) - ![Eine robotische Hand hält einen Pinsel und erzeugt einen lila Wirbel vor einem hellblauen Hintergrund mit kreisförmigen Mustern.](https://b13.com/fileadmin/_processed_/b/d/csm_DesignAndKI_Headerbild_bd966b1d32.webp) ### Verantwortungsvoll gestalten im KI-Zeitalter: Unsere Learnings 17. Juli 2026 | Laura Heine Laura Heine teilt, was sie beim Design Leadership Meetup über Verantwortung, Dokumentation und einen fairen Umgang mit KI im Team gelernt hat. [ weiterlesen: Verantwortungsvoll gestalten im KI-Zeitalter: Unsere Learnings ](https://b13.com/de/wissen/verantwortungsvoll-gestalten-im-ki-zeitalter-unsere-learnings) - ![Eine Reihe stilisierter Figuren in verschiedenen Posen, jede mit einem markanten orangefarbenen Hut, zeigt einen Übergang vom Gehen zum Stillstehen, während sie auf ein Handy schauen, vor einem lila Gitterhintergrund.](https://b13.com/fileadmin/_processed_/d/7/csm_QueuesDDEV_Headerbild_f640931350.webp) ### Bessere Skalierbarkeit mit entkoppelten Queues: So richtest du RabbitMQ mit TYPO3 ein 10. April 2024 | Jochen Roth Wenn integrierte Nachrichtentransporte an ihre Grenzen stoßen, kann RabbitMQ TYPO3 mit einer skalierbaren, robusten Message Queue versorgen. [ weiterlesen: Bessere Skalierbarkeit mit entkoppelten Queues: So richtest du RabbitMQ mit TYPO3 ein ](https://b13.com/de/wissen/bessere-skalierbarkeit-mit-entkoppelten-queues-so-richtest-du-rabbitmq-mit-typo3-ein) - ![Eine Cartoonfigur, die einem Schild ähnelt, gibt ein Daumen hoch vor einer Computeroberfläche mit verschiedenen Menüoptionen.](https://b13.com/fileadmin/_processed_/e/6/csm_Header_cda1f80173.webp) ### Gestatten, T3ppy! Ein neues Zeitalter für die Redaktionsarbeit in TYPO3 01. April 2026 | Florian “Flix” Keitgen Entdecke T3ppy und AiM — Deine KI-Assistenz im TYPO3 Backend für bessere Inhalte, klare Strukturen und volle Kontrolle über Redaktions-Prozesse. [ weiterlesen: Gestatten, T3ppy! Ein neues Zeitalter für die Redaktionsarbeit in TYPO3 ](https://b13.com/de/wissen/gestatten-t3ppy-ein-neues-zeitalter-fuer-die-redaktionsarbeit-in-typo3) - ![Retro-Mikrofon-Illustration mit einem Einkaufswagen-Symbol im Hintergrund, das E-Commerce oder Online-Shopping symbolisiert.](https://b13.com/fileadmin/_processed_/f/8/csm_Marketplace_Headerbild_ee1575614c.webp) ### Warum TYPO3 einen Marketplace für Produkte braucht 25. März 2026 | Florian “Flix” Keitgen Ein Marketplace würde TYPO3-Produkte sichtbarer machen, den Vergleich erleichtern und Agenturen sowie Kunden gleichermaßen profitieren lassen. [ weiterlesen: Warum TYPO3 einen Marketplace für Produkte braucht ](https://b13.com/de/wissen/warum-typo3-einen-marketplace-fuer-produkte-braucht) - ![Eine Hand hält eine Lupe über den Laptop-Bildschirm, der eine Webseite mit einem Bild und Textelementen anzeigt.](https://b13.com/fileadmin/_processed_/e/5/csm_BackendUserSection_Headerbild_6093c842fd.webp) ### Ein echter Geheimtipp in TYPO3: Die Backend User Section (Doktype 6) 05. März 2026 | David Steeb Entdecke den oft unterschätzten Doktype 6 (Backend User Section) in TYPO3 für sichere interne Vorschauen, Redaktionstrainings und Prototyping. Erfahre praxisnahe Anwendungsfälle,… [ weiterlesen: Ein echter Geheimtipp in TYPO3: Die Backend User Section (Doktype 6) ](https://b13.com/de/wissen/ein-echter-geheimtipp-in-typo3-die-backend-user-section-doktype-6) - ![Zwei stilisierte Webseiten-Designs mit einem Benutzerprofil, Platzhaltern für Bilder und Textabschnitten, vor einem hellblauen Hintergrund.](https://b13.com/fileadmin/_processed_/2/0/csm_BackendPreview_Headerbild_b4c5799cfa.webp) ### Backend-Content-Previews mit System — warum wir EXT:backendpreviews entwickelt haben 09. Februar 2026 | David Steeb EXT:backendpreviews sorgt für konsistente Content-Previews im TYPO3-Backend mit Fluid Templates, Layouts und Partials. [ weiterlesen: Backend-Content-Previews mit System — warum wir EXT:backendpreviews entwickelt haben ](https://b13.com/de/wissen/backend-content-previews-mit-system-warum-wir-extbackendpreviews-entwickelt-haben) - ![Eine menschliche Hand schüttelt eine Roboterhand vor einem lila Hintergrund mit Herzmustern, was die Zusammenarbeit zwischen Menschen und Technologie symbolisiert.](https://b13.com/fileadmin/_processed_/6/2/csm_AIbotsLoveMarkdown_Headerbild_72fe5820d6.webp) ### Das Internet ist nicht mehr nur für Menschen — KI-Bots lieben Markdown 28. Januar 2026 | Benni Mack Discover why most web traffic is now automated and how TYPO3’s structured content model prepares websites for humans, editors, and AI systems. [ weiterlesen: Das Internet ist nicht mehr nur für Menschen — KI-Bots lieben Markdown ](https://b13.com/de/wissen/das-internet-ist-nicht-mehr-nur-fuer-menschen-ki-bots-lieben-markdown) - ![Mehrere farbenfrohe Mockups von Webseiten, die übereinander gestapelt sind und verschiedene Layouts sowie Designelemente vor einem lila Hintergrund präsentieren.](https://b13.com/fileadmin/_processed_/e/3/csm_CaminoTheme_Headerbild_d082598009.webp) ### Camino—The Need for a Default Theme in TYPO3 Is Real 27. Januar 2026 | Benni Mack With TYPO3 v14, Camino introduces a default theme that removes friction from first installs. Why this matters—and how TYPO3 laid the groundwork.