--- title: Resize and collapse the Page Tree url: "https://b13.com/knowledge/resizable-navigation-area-in-typo3" description: "Working with a large project with hundreds of pages? TYPO3 Version 11 brings an adjustable Page Tree to send your productivity soaring. Check out why we love the improvements in #4 in our series of 13 Things We Love About TYPO3 v11." image: "https://b13.com/fileadmin/_processed_/4/d/csm_resizable-navigation_191-1_80278df1eb.png" date: 2022-01-17 modified: 2026-08-19 lastUpdated: 2026-08-19 --- # Resize and collapse the Page Tree [ TYPO3 ](https://b13.com/knowledge/typo3) [ TYPO3 v11 ](https://b13.com/knowledge/typo3-v11) Resizable Navigation Area in TYPO3 ==================================== ![](https://b13.com/fileadmin/_processed_/9/a/csm_desiree_bf441faeda.jpg)Desirée Lochner 19 January 2022 [ RSS Feed ](https://b13.com/rss.xml) ![A laptop is depicted alongside a vertical list with arrows indicating data transfer or movement, set against an abstract orange background with circular patterns.](https://b13.com/fileadmin/_processed_/7/f/csm_resizable-navigation_b9a6457e95.webp) **For larger sites with lots of pages, the Page Tree improvements in v11 mean an easier work day for everyone.** 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/blog/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) The Page Tree is one of the key concepts of TYPO3. It brings a Windows Explorer-like experience to navigating the backend of your website. It presents a hierarchical structure of your website pages, making it easy for editors to connect the dots and get a feeling for how your site hangs together. The Page Tree received a major overhaul in TYPO3 v9, when a legacy component was removed, moving the Page Tree to an SVG-based rendering engine. This brought performance improvements, and was especially important for sites with large numbers of pages. ![Problem with nested pages and long page titles](https://b13.com/fileadmin/_processed_/6/c/csm_1_Problem_with_nested_pages_and_long_page_titles_88c933323b.webp) Problem with nested pages and long page titles However, there was one missing piece that our customers complained about after upgrading to TYPO3 v9. If you have a large number of pages, or pages with a lot of text, you could not resize the visible area of the page tree. To address this, we used an extension called “[pagetree\_resizable](https://extensions.typo3.org/extension/pagetree_resizable)“ by Wolfgang Klinger for TYPO3 v9- and v10-based projects. TYPO3 v11: Resizing and collapsing ------------------------------------ Fast forward to TYPO3 v11, and this feature has landed in TYPO3 Core—with further improvements. Collapsing and expanding the tree now happens right next to the tree. To resize the tree, you can click the right side of the tree border, and drag the mouse to the size you need. The selected size is kept in the user’s preferences. ![Collapse and Expand Page Tree](https://b13.com/fileadmin/_processed_/f/0/csm_2_Collapse_and_Expand_6509d59a41.webp) Collapse and Expand Page Tree Bonus Feature --------------- Both the flexible resizing and the collapsing feature are not limited to the Page Tree next to the modules. The folder tree in the File List module works exactly the same way. And since we’re talking about improvements, the tree components in the Element Browser and Link Pickers also have the resizable navigation area as well. ![Resize Page Tree](https://b13.com/fileadmin/_processed_/2/3/csm_3_Resized_Tree_201310ca5d.webp) Resize Page Tree What are you waiting for? Upgrade now! ---------------------------------------- TYPO3 v11 will be a life-saver and is going to improve your productivity, especially when dealing with larger projects that have more than 500 pages. If you need support when upgrading to TYPO3 v11, give us a call! Ready to upgrade your TYPO3 site? ----------------------------------- [ Let’s connect ](https://b13.com/lets-connect) ### Written by: ![Bild von Desirée Lochner](https://b13.com/fileadmin/_processed_/9/a/csm_desiree_e6f1adcb99.webp) Creative mind and project manager who always stays in control with heart and expertise - in the office and on stage Desirée Lochner Consulting [ more from Desirée Lochner ](https://b13.com/team/desiree-lochner) 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 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) - ![Graphic featuring stylized representations of a tower with the text "T3CON25 Düsseldorf" prominently displayed in the center.](https://b13.com/fileadmin/_processed_/7/b/csm_T3CON2025_Headerbild_fc9c5cc53e.webp) ### T3CON25—One Step Closer to the Future of Content Management 10 December 2025 | Franzi Töpler T3CON25 showcased the future of TYPO3 with insights on TYPO3 v14, AI, digital sovereignty, and open-source solutions driving secure, modern web experiences. [ Read more: T3CON25—One Step Closer to the Future of Content Management ](https://b13.com/knowledge/shaping-the-future-of-content-management-t3con25)