Backoffice Extensions

Extend the Umbraco backoffice by building custom extensions using the extension system, foundation APIs, and UI utilities.

The Umbraco backoffice is built on an extension system. Almost every part of the UI is an extension, which means you can append, replace, or remove UI elements to tailor the backoffice to your needs.

Setup Your Development Environment

Configure your local environment to build and test backoffice extensions.

Extending Overview

Understand the extension architecture and how to append, replace, or remove parts of the backoffice UI.

Foundation

Learn the core framework for building extensions, including integration, communication, and reactive UIs.

Contexts

Use the Context API to access commonly used backoffice contexts in your extensions.

Property Editors

Build custom property editors for use in Document Types and content editing.

Utilities

Use code utilities available for customizing the backoffice in your extensions.

Additional Resources

• Umbraco Package - start every extension with an Umbraco Package manifest.

• Workspaces - create dedicated editing environments for specific entity types.

• UI Library - use the Umbraco Backoffice UI Library, UI API, and Storybook.

• Icons - work with icons in the backoffice.

• Signs - use flag information from Management API responses in your extensions.

• Property-Level UI Permissions - control UI visibility at the property level.

• Examples and Playground - explore examples and a live playground for backoffice extensions.

Umbraco Training

Umbraco HQ offers a training course covering extending and customizing the Umbraco Backoffice to enhance the editing experience. The course targets frontend and backend developers familiar with Umbraco who want to extend the UI for editors.

Explore Extending the Backoffice Training Course to learn more about the topics covered and how it can enhance your Umbraco development skills.