[data-reveal]{opacity:1!important;transform:none!important}
Overview
Extending the dashboard

Overview

How a custom frontend module plugs into the DMS dashboard — the registration model and the catalog of extension points.

Start with the built-in components. When something is missing, choose the smallest extension that supplies it:

You need to…Start here
Add a block to another module's pagePage extensions; no frontend layer is needed for built-in blocks.
Add a message across dashboard pagesLayout banners, registered on the backend.
Change the logo, colors, or fontsTheming & branding.
Add a header button, panel, or menu groupA frontend layer using the shell registries below.
Render UI the existing blocks cannot expressOne custom component, composed with the existing blocks.

The table below lists the frontend extension points. Frontend composables covers the APIs your Vue components call after registration.

What you can extend

ExtensionAddsChapter
Dashboard chromeHeader buttons, layout banners, command-palette groups and assistant, sidebar widgets, app widgets and overlays, footer links, auth-page linksDashboard chrome
Theming & brandingYour logo, palette, fonts, and design-token overridesTheming & branding
Custom data typesA new field/column type (the Vue behind a backend @RegisterDataType)Custom data types
TableView displaysAn alternate table body renderer (kanban, cards, calendar…)TableView displays
Component eventsCross-component reactivity — one component reacts to another's eventsComponent events
Period filteringLink widgets to a shared date-range via a scope idPeriod filtering

Next steps

Dashboard chrome

Header actions, banners, palette groups and widgets.

Theming & branding

Your logo, palette and fonts.

Frontend composables

What your Vue calls.