--- title: Page tree improvements in the Element Browser and Link Picker in TYPO3 v11 url: "https://b13.com/knowledge/consistent-ux-makes-selecting-items-more-intuitive" description: TYPO3 v11 extends page tree improvements to the Element Browser and Link Picker modal windows, delivering a consistent user experience for editors. image: "https://b13.com/fileadmin/_processed_/4/6/csm_trees_191-1_b028086c6b.png" date: 2022-07-12 modified: 2026-08-19 lastUpdated: 2026-08-19 --- # Page tree improvements in the Element Browser and Link Picker in TYPO3 v11 [ TYPO3 ](https://b13.com/knowledge/typo3) [ TYPO3 v11 ](https://b13.com/knowledge/typo3-v11) [ UX/UI-Design ](https://b13.com/knowledge/uxui-design) Consistent UX makes selecting items more intuitive ==================================================== Improvements to the Element Browser and Link Picker in TYPO3 v11 ![](https://b13.com/fileadmin/_processed_/c/6/csm_benni_5e519221c4.jpg)Benni Mack 20 July 2022 [ RSS Feed ](https://b13.com/rss.xml) ![Abstract graphic featuring various user interface elements, including lists, checkboxes, and icons representing links and actions, set against a gradient background of orange and green.](https://b13.com/fileadmin/_processed_/d/7/csm_trees_422f825ccf.webp) Previously in this series, we covered the improvements TYPO3 v11 brought to the Page Tree in the post, [Resizable Navigation Area in TYPO3](https://b13.com/blog/resizable-navigation-area-in-typo3). There is one feature in particular that deserves its own shiny spot in our list of new features in TYPO3 v11, and that is the tree functionality within the Element Browser and the Link Picker. This post is part of our TYPO3 Version 11 Series. We’re shining a spotlight on some of the really useful features in version 11 and why you should upgrade. - [Link Sharing in TYPO3 v11](https://b13.com/knowledge/link-sharing-in-typo3-v11) - [Direct Downloads of Assets and Media](https://b13.com/knowledge/direct-downloads-assets-and-media) - [New CLI commands and better automation for Continuous Integration](https://b13.com/knowledge/new-cli-commands-better-automation-for-continuous-integration) - [Resizable Navigation Area in TYPO3](https://b13.com/knowledge/resizable-navigation-area-in-typo3) - [Multi-factor authentication ](https://b13.com/knowledge/multi-factor-authentication-in-typo3-11) - [Search & Filter for Folders and Assets](https://b13.com/knowledge/search-filter-for-folders-and-assets) - [Limit allowed attempts for logins in TYPO3 v11 ](https://b13.com/knowledge/limit-allowed-attempts-for-logins-in-typo3-v11) - [Show Columns Selector in List View and File List View](https://b13.com/knowledge/show-columns-selector-in-list-view-and-file-list-view) - [Multi Record Selection](https://b13.com/knowledge/multi-record-selection) - [Keyboard Navigation for Module Menu & Context Menu](https://b13.com/knowledge/keyboard-navigation-for-module-menu-context-menu) - [Workspaces Improvements](https://b13.com/knowledge/workspaces-improvements) - **[Consistent UX makes selecting items more intuitive](https://b13.com/knowledge/consistent-ux-makes-selecting-items-more-intuitive)** - [New TCA types in TYPO3 version 11](https://b13.com/knowledge/new-tca-types-in-typo3-version-11) What is the Element Browser? ------------------------------ ​​The Element Browser lets you choose one or more files or records to embed on a page. Since TYPO3 can handle millions of records, they are grouped on pages—thus, the page tree is the natural first-level filter. The Link Picker is used to link to a page, an asset, an email, or an external URL. Typically, the Link Picker is used within a Content Type when you link a text snippet or an image to point to a page, file or external URL. ![TYPO3 v11 Element Browser](https://b13.com/fileadmin/_processed_/5/d/csm_Element_Browser_aca106ad24.webp) TYPO3 v11 Element Browser Both features open a modal window with the page tree (or folder tree) on the left hand side. Page tree improvements made in previous versions of TYPO3 did not extend to this representation of the tree. As an editor working with lots of content, or many pages or folders, it was clear that these components also needed to be updated. Everything new… ----------------- With TYPO3 v11, whenever you encounter a tree (including in the Link Picker and Element Browser), you can be confident that all the features you have come to know and love are supported: - SVG-based icon rendering—means rendering within the browser is super-fast - [Keyboard navigation](https://b13.com/knowledge/keyboard-navigation-for-module-menu-context-menu) - [Resizable navigation areas](https://b13.com/knowledge/resizable-navigation-area-in-typo3) - which can also be collapsed completely - Dynamic loading of tree subpages - Stored state—the open/closed state of parts of the pagetree are shared across the main page tree and the opened tree - [Filtering and searching](https://b13.com/knowledge/search-filter-for-folders-and-assets) - Display of the Page ID or the navigation title on a page ![TYPO3 v11 Link Browser with Keyboard Navigation](https://b13.com/fileadmin/_processed_/2/8/csm_Link_Browser_w_keyboard_navigation_8efcdddb35.webp) TYPO3 v11 Link Browser with Keyboard Navigation ![TYPO3 v11 Trees in Record Selector - Anchor](https://b13.com/fileadmin/_processed_/6/4/csm_Trees_in_Record_Selector_Anchor_0938e11be1.webp) TYPO3 v11 Trees in Record Selector - Anchor … and the cherry on top! -------------------------- Bonus! There are two new features that aren’t available in the main page tree. The Link Picker now uses an “anchor” icon to link to a folder or file directly. Thus, you can now hover over a page when linking on a page, and select the icon within the tree to link to a page, or click on the page title to link to a content element directly. In the Element Browser, when you select a page and the modal box reloads, the page frame is now kept and only the content frame is reloaded. This is a time-saver for TYPO3 installations with a large tree structure. The overall performance improvements in TYPO3 v11 mean that the available items of a page within the Element Browser are shown instantly! See for yourself ------------------ Try out the Link Picker and Element Browser live in the TYPO3 Demo project at [demo.typo3.org](http://demo.typo3.org). Want to try out the new feature? ---------------------------------- If you’re as excited about these improvements as we are, get in touch and we’ll help you update to TYPO3 v11. [ Let’s Connect ](https://b13.com/lets-connect) ### Written by: ![Bild von Benni Mack](https://b13.com/fileadmin/_processed_/c/6/csm_benni_66cce9a81f.webp) b13 co-founder and TYPO3 CMS Core Development Lead, Benni Mack, heads our technical practices, setup and maintenance of our technical infrastructure, and coordinates our open-source contribution. His essential tool: TYPO3 Benni Mack CTO [ more from Benni Mack ](https://b13.com/team/benni-mack) Related Articles ------------------ - ![Cartoon trophy character surrounded by hands giving thumbs up and a heart gesture, set against a gear-patterned background.](https://b13.com/fileadmin/_processed_/f/7/csm_T3ppy_Design_Kit_Headerbild_b51eb9dc31.webp) ### T3ppy Gives TYPO3 a Friendly Face 06 August 2026 | Florian “Flix” Keitgen TYPO3 is powerful—but it doesn’t have to feel impersonal. Meet T3ppy, our friendly companion for the backend. [ Read more: T3ppy Gives TYPO3 a Friendly Face ](https://b13.com/knowledge/t3ppy-design-kit) - ![Gavel labeled "AI" on a circuit-patterned background with yellow stars, symbolizing regulation or legislation related to artificial intelligence in the EU.](https://b13.com/fileadmin/_processed_/1/0/csm_EUAIAct_Headerbild_510724b3de.webp) ### AI Content in TYPO3: Labelling Needs Accountability 02 August 2026 | Benni Mack The EU AI Act brings the origins of AI-generated content into focus. AI Label marks AI-generated and AI-edited content in TYPO3 and records who signed off the published version—for… [ Read more: AI Content in TYPO3: Labelling Needs Accountability ](https://b13.com/knowledge/ai-content-in-typo3-labelling-needs-accountability) - ![A robotic hand holds a paintbrush, creating a purple swirl against a light blue background with circular patterns.](https://b13.com/fileadmin/_processed_/b/d/csm_DesignAndKI_Headerbild_bd966b1d32.webp) ### Designing Responsibly in the Age of AI: What We’re Learning as We Go 17 July 2026 | Laura Heine Laura Heine shares what she learned at the Design Leadership Meetup about responsibility, documentation, and treating AI fairly as a team. [ Read more: Designing Responsibly in the Age of AI: What We’re Learning as We Go ](https://b13.com/knowledge/designing-responsibly-in-the-age-of-ai-what-were-learning-as-we-go) - ![A series of stylized figures in various poses, each with a distinctive orange hat, depict a progression from walking to standing still while looking at a phone, set against a purple grid background.](https://b13.com/fileadmin/_processed_/d/7/csm_QueuesDDEV_Headerbild_f640931350.webp) ### Better scalability with decoupled queues: How to set up RabbitMQ with TYPO3 10 April 2024 | Jochen Roth When built-in message transports hit their limits, RabbitMQ can provide TYPO3 with a scalable, robust message queue. [ Read more: Better scalability with decoupled queues: How to set up RabbitMQ with TYPO3 ](https://b13.com/knowledge/better-scalability-with-decoupled-queues-how-to-set-up-rabbitmq-with-typo3) - ![A cartoon character resembling a shield gives a thumbs up in front of a computer interface with various menu options.](https://b13.com/fileadmin/_processed_/e/6/csm_Header_cda1f80173.webp) ### Meet T3ppy: A New Era for Editorial Work in TYPO3 01 April 2026 | Florian “Flix” Keitgen T3ppy and the AiM extension bring AI directly into the TYPO3 backend—enhancing SEO, content quality, and workflows with centralized control. [ Read more: Meet T3ppy: A New Era for Editorial Work in TYPO3 ](https://b13.com/knowledge/meet-t3ppy-a-new-era-for-editorial-work-in-typo3) - ![Retro microphone illustration with a shopping cart icon in the background, symbolizing e-commerce or online shopping.](https://b13.com/fileadmin/_processed_/f/8/csm_Marketplace_Headerbild_ee1575614c.webp) ### Why TYPO3 Needs a Marketplace for Products 25 March 2026 | Florian “Flix” Keitgen A marketplace would make TYPO3 products more discoverable, easier to compare, and benefit both agencies and clients alike. [ Read more: Why TYPO3 Needs a Marketplace for Products ](https://b13.com/knowledge/why-typo3-needs-a-marketplace-for-products) - ![A hand holding a magnifying glass over a laptop screen displaying a webpage with an image and text elements.](https://b13.com/fileadmin/_processed_/e/5/csm_BackendUserSection_Headerbild_6093c842fd.webp) ### Unlocking TYPO3’s Hidden Gem: The Backend User Section (Doktype 6) 05 March 2026 | David Steeb Discover TYPO3’s underrated doktype 6 (Backend User Section) for secure internal previews, editor training, and prototyping. Learn real use cases, common pitfalls like 403 errors… [ Read more: Unlocking TYPO3’s Hidden Gem: The Backend User Section (Doktype 6) ](https://b13.com/knowledge/backend-user-section-in-typo3-uses-pitfalls-helper) - ![Two stylized web page designs featuring a user profile, image placeholders, and text sections, set against a light blue background.](https://b13.com/fileadmin/_processed_/2/0/csm_BackendPreview_Headerbild_b4c5799cfa.webp) ### Backend Previews With a System—Why We Built EXT:backendpreviews 09 February 2026 | David Steeb EXT:backendpreviews brings structure and consistency to content previews in the TYPO3 backend using Fluid templates, layouts, and partials. [ Read more: Backend Previews With a System—Why We Built EXT:backendpreviews ](https://b13.com/knowledge/backend-previews-with-a-system-why-we-built-extbackendpreviews) - ![A human hand shakes a robotic hand against a purple background with heart patterns, symbolizing collaboration between humans and technology.](https://b13.com/fileadmin/_processed_/6/2/csm_AIbotsLoveMarkdown_Headerbild_72fe5820d6.webp) ### The Internet Is No Longer Just for Humans—AI Bots Love Markdown 28 January 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. [ Read more: The Internet Is No Longer Just for Humans—AI Bots Love Markdown ](https://b13.com/knowledge/the-internet-is-no-longer-just-for-humans-ai-bots-love-markdown) - ![Several colorful web page mockups stacked together, showcasing different layouts and design elements against a purple background.](https://b13.com/fileadmin/_processed_/e/3/csm_CaminoTheme_Headerbild_d082598009.webp) ### Camino—The Need for a Default Theme in TYPO3 Is Real 27 January 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. [ Read more: Camino—The Need for a Default Theme in TYPO3 Is Real ](https://b13.com/core-insights/blog/camino-the-need-for-a-default-theme-in-typo3-is-real)