---
title: Optimize your daily workflow with the TYPO3 dashboard
url: "https://b13.com/knowledge/optimize-your-daily-workflow-with-the-typo3-dashboard"
description: The TYPO3 dashboard is geared towards maximum extensibility. Discover the benefits, take a tour under the hood and find out how to build your own custom widgets.
image: "https://b13.com/fileadmin/_processed_/e/f/csm_Dashboard_191-1_9c4b686706.png"
date: 2021-03-26
modified: 2026-08-19
lastUpdated: 2026-08-19
---

# Optimize your daily workflow with the TYPO3 dashboard

[ TYPO3v10 ](https://b13.com/knowledge/typo3v10) [ Core-Development ](https://b13.com/knowledge/core-development)

 Optimize your daily workflow with the TYPO3 dashboard
=======================================================

 Get to know the new TYPO3 dashboard component, added in v10

![](https://b13.com/fileadmin/_processed_/8/5/csm_oli_e138b22557.jpg)Oliver Bartsch

  30 March 2021

 [ RSS Feed ](https://b13.com/rss.xml)

  ![A yellow user interface panel featuring multiple sections and tabs, set against a dark green background with abstract shapes and gears. The panel includes placeholders for text and checkboxes.](https://b13.com/fileadmin/_processed_/9/e/csm_Dashboard_7bab8b6757.webp)

Today we want to take a look at one of the most underrated features in TYPO3: the dashboard. By default, it’s the entry point of every TYPO3 installation and displays important information bundled in one view. Dashboard widgets are not information-only but can be interactive. For example, they can contain links letting you navigate directly to a specific backend module.

  Interactive widgets on the dashboard are an incredible time saver. For example, an administrator could go directly to a failed scheduler task with one click from the dashboard. An editor can jump directly to an editing task without having to navigate to the content element.

Widgets can also display information from external sources, which makes the whole component even more useful.

  ![A screenshot showing an example default dashboard](https://b13.com/fileadmin/_processed_/6/b/csm_Dashboard_01_c99bac75f7.webp)  A screenshot showing an example default dashboard

   A short history
-----------------

A nine year old Forge issue gives an indication of how long the dashboard idea has been circulating in TYPO3. It is one of those components that required a lot of specification, preparation and lines of code—so time passed by. Luckily some community members picked up this topic in early 2019 and created the TYPO3 Dashboard initiative. The initiative, under the direction of Richard Haeser began to create a proof-of-concept extension. Their main focus was to make the dashboard customizable and extensible. While working on TYPO3 10.3 the initiative decided to integrate the dashboard as a system extension into the Core.

It was at this point that I first realized the potential of the new component and fell in love with it right away. I was very pleased to help with the integration into the Core and the fine-tuning for the LTS release.

  ![The Dashboard icon image](https://b13.com/fileadmin/_processed_/7/a/csm_Dashboard_02_31164fb9b9.webp)  The Dashboard icon image

   The benefits
--------------

The benefit of this component is actually not new. Most smartphones use widgets to provide information in a compact way on the home screen, so that you don’t have to open the corresponding apps. The same applies to the TYPO3 dashboard and its widgets. The user does not need to access multiple modules anymore to get an overview of the current system status. Widgets are a lot easier to maintain and to register than backend modules.

It’s possible for each user to individualise their own dashboard, and to have multiple dashboards—which are displayed in tabs. For example, an editor might have one dashboard providing information about the current state of content and translation, another showing information about the current SEO performance of the site, and perhaps a third highlighting any broken links and redirects required.

  ![A screenshot showing the tabs for three different dashboards that an editor role might use](https://b13.com/fileadmin/_processed_/1/0/csm_Dashboard_03_5622e9a537.webp)  A screenshot showing the tabs for three different dashboards that an editor role might use

   Widgets
---------

TYPO3 comes with a couple of generic widgets but the main benefit and power is in creating custom widgets tailored to the respective installation.

You may already have started to think about possible widgets for your use-cases. This is great and I did this, too. So let’s present some widgets which I think would be useful.

For administrators:

- Top 10 most frequent error messages
- Recently failed scheduler tasks
- Currently installed 3rd party extensions

For editors:

- Recently created content elements and pages
- Records awaiting approval in workspaces
- Pages that need to be optimized for search engines
- Broken links

For developers:

- Last deployment information
- Extensions with deprecated code
- Available security updates for TYPO3 and 3rd party extensions

These ideas are presented as ideas only—it really depends on your TYPO3 installation and the needs of your users. That’s why TYPO3 comes with only a handful of generic widgets that could suit every installation.

I have personally already created a lot of widgets for my clients, each individually tailored to their needs. For example, after a website relaunch, I created a widget which revealed the top ten most called URLs that led to a 404 error. Since this widget also featured a direct link to the Redirects module, the client was able to react on such occurrences rapidly by creating corresponding redirects.

For developers, there are also a lot of interesting widget possibilities. Another widget I created uses the official rss feed to display the latest security advisories for TYPO3. It quickly became clear that this widget should not be missing from any installation, so it was added as a core widget and is now available in TYPO3 by default.

  ![Screenshot showing TYPO3 security advisories widget](https://b13.com/fileadmin/_processed_/6/5/csm_Dashboard_04_04a6312692.webp)  Screenshot showing TYPO3 security advisories widget

   Implementation
----------------

The dashboard is geared towards maximum extensibility. Almost every part can be customized:

- The widgets themselves (for example, their width and height)
- Widget groups—combinations of thematically similar widgets
- Dashboard presets—combinations of widgets to be automatically added to a dashboard
- Dashboard templates and stylesheets

  ###  Under the hood

Widgets are a PHP class configured as a service using the Symfony [service container](https://symfony.com/doc/current/service_container.html) concept. Therefore all widgets must be configured in either the `Services.yaml` or the `Services.php` file of an extension.

Widgets must also contain the dashboard.widget tag, so they will be automatically registered by a compiler pass. Each widget can be configured with multiple (tag) arguments. They are automatically added (injected) to the corresponding PHP class. Since there are already a couple of widget PHP classes included in the Core, you can reuse these classes and just provide different arguments for your custom widgets in the configuration.

For example, it’s easily possible to use the RSS widget for displaying a custom rss feed. The configuration for an RSS widget, displaying latest b13 blog articles, could look like this:

  ```
1<br></br>2<br></br>3<br></br>4<br></br>5<br></br>6<br></br>7<br></br>8<br></br>9<br></br>10<br></br>11<br></br>12<br></br>13<br></br>14<br></br>15<br></br>16<br></br>
```

```
dashboard.widget.b13blo<span class="hljs-variable">g:</span><br></br>    clas<span class="hljs-variable">s:</span> <span class="hljs-string">'TYPO3\CMS\Dashboard\Widgets\RssWidget'</span><br></br>    <span class="hljs-keyword">argument</span><span class="hljs-variable">s:</span><br></br>      $<span class="hljs-keyword">vie</span><span class="hljs-variable">w:</span> <span class="hljs-string">'@dashboard.views.widget'</span><br></br>      $cache: <span class="hljs-string">'@cache.dashboard.rss'</span><br></br>      $option<span class="hljs-variable">s:</span><br></br>        feedUr<span class="hljs-variable">l:</span> <span class="hljs-string">'https://b13.com/blog/rss.xml'</span><br></br>    <span class="hljs-keyword">tag</span><span class="hljs-variable">s:</span><br></br>      - name: dashboard.widget<br></br>        identifier: b13blog<br></br>        groupName<span class="hljs-variable">s:</span> b13WidgetGroup<br></br>        title: <span class="hljs-string">'LLL:EXT:b13_widgets/Resources/Private/Language/locallang.xlf:widgets.b13blog.title'</span><br></br>        description: <span class="hljs-string">'LLL:EXT:b13_widgets/Resources/Private/Language/locallang.xlf:widgets.b13blog.description'</span><br></br>        iconIdentifier: <span class="hljs-string">'content-widget-rss'</span><br></br>        heigh<span class="hljs-variable">t:</span> <span class="hljs-string">'large'</span><br></br>        width: <span class="hljs-string">'medium'</span><br></br>
```

    ![Screenshot showing b13 blog widget](https://b13.com/fileadmin/_processed_/7/0/csm_Dashboard_05_f94e236ad6.webp)  Screenshot showing b13 blog widget

As you can see in this example, the widget will be added to the b13WidgetGroup group. Since this group does not exist yet, we have to create it. Therefore, the file `Configuration/Backend/DashboardWidgetGroups.php` must exist in the extension, returning a PHP array:

  ```
1<br></br>2<br></br>3<br></br>4<br></br>5<br></br>6<br></br>
```

```
<span class="php"><span class="hljs-meta"><?php</span><br></br><span class="hljs-keyword">return</span> [<br></br>    <span class="hljs-string">'b13WidgetGroup'</span> => [<br></br>        <span class="hljs-string">'title'</span> => <span class="hljs-string">'LLL:EXT:b13_widgetst/Resources/Private/Language/locallang.xlf:b13widgetGroup.title'</span><br></br>    ]<br></br>];</span><br></br>
```

  If we also want to add a dedicated dashboard preset, containing our new widget, we have to add the following PHP array to the `Configuration/Backend/DashboardPresets.php` file:

  ```
1<br></br>2<br></br>3<br></br>4<br></br>5<br></br>6<br></br>7<br></br>8<br></br>9<br></br>10<br></br>11<br></br>12<br></br>
```

```
<?php<br></br>return [<br></br>    <span class="hljs-symbol">'b13Preset'</span> => [<br></br>        <span class="hljs-symbol">'title'</span> => <span class="hljs-symbol">'LLL</span>:<span class="hljs-type">EXT</span>:b13_widgets/<span class="hljs-type">Resources</span>/<span class="hljs-type">Private</span>/<span class="hljs-type">Language</span>/locallang.xlf:b13Preset.title',<br></br>        <span class="hljs-symbol">'description'</span> => <span class="hljs-symbol">'LLL</span>:<span class="hljs-type">EXT</span>:b13_widgets/<span class="hljs-type">Resources</span>/<span class="hljs-type">Private</span>/<span class="hljs-type">Language</span>/locallang.xlf:b13Preset.description',<br></br>        <span class="hljs-symbol">'iconIdentifier'</span> => <span class="hljs-symbol">'tx</span>-b13-widgets',<br></br>        <span class="hljs-symbol">'showInWizard'</span> => <span class="hljs-literal">true</span>,<br></br>        <span class="hljs-symbol">'defaultWidgets'</span> => [<br></br>            <span class="hljs-symbol">'b13blog'</span><br></br>        ]<br></br>    ]<br></br>];<br></br>
```

  This will add the preset to the Add Dashboard wizard, including our b13blog widget.

  ![Screenshot showing b13 dashboard preset in the Add dashboard window.](https://b13.com/fileadmin/_processed_/5/1/csm_Dashboard_06_85da1ae904.webp)  Screenshot showing b13 dashboard preset in the Add dashboard window.

  Using User TSconfig it’s possible to configure this new preset to be used whenever a user accesses the dashboard module for the first time. Therefore, the following User TSconfig must be added:

`options.dashboard.dashboardPresetsForNewUsers = b13Preset`

To customise the display, we can add a custom template using TypoScript:

`module.tx_dashboard.view.templateRootPaths.110 = EXT:b13_widgets/Resources/Private/Templates`

  ###  To see this in action, you can have a look at our demo extension:

[https://github.com/b13/b13\_widgets](https://github.com/b13/b13_widgets)

  ###  Permissions

The user groups record, accessible in the backend Users module, features the **Dashboard widgets** field in the Access List tab. An administrator can therefore configure which user group has access to which widgets.

  ![Screenshot showing Dashboard widget permissions](https://b13.com/fileadmin/_processed_/a/7/csm_Dashboard_07_42edd897f5.webp)  Screenshot showing Dashboard widget permissions

   How to use it
---------------

  ###  Create a dashboard

1. Navigate to **Dashboard** on the module menu on the left of the screen.
2. Click the **+** icon (Add Dashboard) in the tab bar. The **Add dashboard** window displays.
3. In the **Title of dashboard** field, type a name for your new dashboard.
4. Select **Empty dashboard**.
     Depending on the individual configuration of your TYPO3 installation, you may see other dashboards available to select. These will have widgets pre-configured.
5. Click the **Add Dashboard** button. The new dashboard is displayed.

    ![Screenshot showing a new blank dashboard](https://b13.com/fileadmin/_processed_/1/e/csm_Dashboard_08_5a1d18ae83.webp)  Screenshot showing a new blank dashboard

Use the controls at the top right corner of the dashboard to rename or delete the dashboard.

  ###  Add widgets

To add widgets to a dashboard, there is always a “+” button (Add widget) in the bottom right corner.

    ![The Add widget window, with the News tab active](https://b13.com/fileadmin/_processed_/4/5/csm_Dashboard_09_558bf06824.webp)  The Add widget window, with the News tab active

1. Click the **Add a widget** button.The **Add widget** window displays.
2. Click a widget to add it to your dashboard.
3. Use the controls at the top right corner of the widget to move or delete it.

    ![Screenshot showing a widget being moved](https://b13.com/fileadmin/_processed_/4/5/csm_Dashboard_09_558bf06824.webp)  Screenshot showing a widget being moved

For more detailed guidance, please visit the official documentation:
 <https://docs.typo3.org/c/typo3/cms-dashboard/10.4/en-us/Editor/Index.html>.

   Go exploring
--------------

There are already lots of extensions containing widgets, and even extensions that just consist of widgets. Do some exploring in the [TER](https://extensions.typo3.org/?L=0&id=1&tx_solr%5Bq%5D=widget) to see what you can find.

I myself created an extension [custom\_dashboard\_widgets](https://github.com/o-ba/custom_dashboard_widgets), which provides all kinds of customisation examples and a set of individual widgets that you can use.

   Share your ideas
------------------

There are currently no further major tasks planned by the Core team. However, if you are already using the dashboard, I would be very happy to receive further feedback from you. Maybe there is still room to improve, be it the UX, the API or a completely different part of the component.

I’d also love to hear recommendations of great widgets you have come across—built by the community or built yourself.

   We are putting some serious effort into continuously improving TYPO3, and we love that you can, too. #opensourcelove
----------------------------------------------------------------------------------------------------------------------

 [ Read more about that here ](https://b13.com/knowledge/investing-in-typo3-core-development)

  ###  Written by:

 ![Bild von Oliver Bartsch](https://b13.com/fileadmin/_processed_/8/5/csm_oli_91751adb73.webp)

Oli is a TYPO3 Core developer who loves to collaborate with teammates on new TYPO3 features and bug fixes. His essential tool: PHPStorm.

 Oliver Bartsch  Development

 [ more from Oliver Bartsch ](https://b13.com/team/oliver-bartsch)

  Related Articles
------------------

- ![A rocket labeled "V14" launches into the sky, surrounded by a group of people celebrating with raised arms.](https://b13.com/fileadmin/_processed_/3/d/csm_v14_Celebration_Headerbild_3d4170fdc5.webp)

    ###  Happy Release Day TYPO3 v14: Why This Release Shows the True Strength of Open Source

     21 April 2026 | Florian “Flix” Keitgen

     TYPO3 v14 improves workflows for editors, marketing teams, and developers—and shows how community-driven open source creates real impact.

     [ Read more: Happy Release Day TYPO3 v14: Why This Release Shows the True Strength of Open Source ](https://b13.com/knowledge/happy-release-day-typo3-v14-why-this-release-shows-the-true-strength-of-open-source)
- ![Hands holding puzzle pieces with QR codes surround a large QR code under a magnifying glass, suggesting a collaborative activity.](https://b13.com/fileadmin/_processed_/3/b/csm_QRcodeManagement2_Headerbild_85c3ff55b5.webp)

    ###  QR Codes in TYPO3 v14: Built-in Link Management That Just Works for Editors

     17 April 2026 | David Steeb

     TYPO3 v14 adds QR code generation to Link Management. Create codes before URLs are final, track scans via redirect stats, update targets anytime, and avoid third-party tools. Ideal…

     [ Read more: QR Codes in TYPO3 v14: Built-in Link Management That Just Works for Editors ](https://b13.com/qr-codes-in-typo3-v14-built-in-link-management-that-just-works-for-editors)
- ![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)
- ![Hands holding a pencil and a circular token with characters, working on a digital interface displaying text and images.](https://b13.com/fileadmin/_processed_/7/e/csm_VisualEditor_Headerbild_33d4a1f19b.webp)

    ###  Visual Editing in TYPO3: When Content Management Happens in Context

     16 March 2026 | Florian “Flix” Keitgen

     Discover the Visual Editor by anders und sehr that enables true in-context content editing. Learn how Camino, the new frontend theme, and improved editorial workflows transform…

     [ Read more: Visual Editing in TYPO3: When Content Management Happens in Context ](https://b13.com/knowledge/visual-editing-in-typo3-when-content-management-happens-in-context)
- ![Multiple hands hold QR codes while one hand uses a magnifying glass to examine a larger QR code in the center.](https://b13.com/fileadmin/_processed_/0/1/csm_QRcodeManagement_Headerbild_5d9ec54194.webp)

    ###  Why we built QR codes into TYPO3: Bringing print campaigns under CMS control

     12 February 2026 | Jochen Roth

     QR codes generated outside your CMS break when pages move. TYPO3 v14.1 brings QR code management into the backend. Create, track, and retarget from one place.

     [ Read more: Why we built QR codes into TYPO3: Bringing print campaigns under CMS control ](https://b13.com/knowledge/qr-codes-in-typo3-bringing-print-campaigns-under-cms-control)
- ![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)
- ![Two interlocking gears with a disconnected electrical plug and a tag labeled "v13" on a purple background.](https://b13.com/fileadmin/_processed_/0/7/csm_TYPO3v13_Headerbild_14eb602ce4.webp)

    ###  What’s New in TYPO3 v13?

     20 January 2026 | Desirée Lochner

     TYPO3 v13 marks the beginning of a new era of user-friendliness. The version impresses with a modern, fresh, and incredibly high-performance user interface—developed for anyone who…

     [ Read more: What’s New in TYPO3 v13? ](https://b13.com/solutions/typo3/whats-new-in-typo3-v13)
- ![User interface design featuring a dark sidebar with navigation options and a central content area with placeholder text.](https://b13.com/fileadmin/_processed_/6/6/csm_V14BackendUX_Headerbild_6dcecb335f.webp)

    ###  Designing TYPO3 14’s Backend: Our Vision for a Modern, Expandable Foundation

     12 January 2026 | Laura Heine

     b13 is redesigning TYPO3’s backend for version 14 to feel modern, work faster, maintain user context, and create an expandable foundation that can evolve for years to come.

     [ Read more: Designing TYPO3 14’s Backend: Our Vision for a Modern, Expandable Foundation ](https://b13.com/knowledge/designing-typo3-14s-backend-our-vision-for-a-modern-expandable-foundation)
- ![A cowboy wearing a hat and a globe for a head rides a yellow horse, spotlighted against a stylized background of green hills and abstract shapes.](https://b13.com/fileadmin/_processed_/6/1/csm_CountryDropdownViewHelper_Headerbild_3d2356e87e.webp)

    ###  Unlocking a world of country information

     21 March 2025 | Benni Mack

     TYPO3 simplifies working with country lists by including a comprehensive Country API out-of-the-box, sourced from authoritative UN data. Say goodbye to third-party extensions and…

     [ Read more: Unlocking a world of country information ](https://b13.com/knowledge/unlocking-a-world-of-country-information)
- ![A person in an orange outfit sits on a blue rocket, using a telescope to look ahead. The background features abstract shapes and lines, suggesting a space or futuristic theme.](https://b13.com/fileadmin/_processed_/2/3/csm_last-relaunch_0c9c49a8e9.webp)

    ###  Future-proof your website to stay competitive for the long haul

     07 March 2023 | Desirée Lochner

     In an ever-evolving technological landscape, keeping your brand and technology up-to-date and competitive can feel like a full-time job. Whether you’re working on a website…

     [ Read more: Future-proof your website to stay competitive for the long haul ](https://b13.com/knowledge/future-proof-your-website-to-stay-competitive-for-the-long-haul)