How do I hide the root node in an Umbraco tree?

To hide the root, you must set the 'hideTreeRoot' property to true within the 'menuItem' manifest, as setting it on the tree manifest itself has no effect.

Why do tree items require a workspace?

Tree items are tightly coupled with workspaces. If an entityType in a tree doesn't have a matching routable workspace registered, clicking the item will cause a 'forever loading' state.

What is the modern pattern for tree data sources?

The recommended modern pattern is to use an inline data source within the tree repository file using the UmbTreeServerDataSourceBase helper, which reduces boilerplate and simplifies file structure.

Does this skill support custom entity types?

Yes, it is specifically designed to help define custom entity types and link them correctly between tree items, repositories, and workspaces.

Umbraco Backoffice Trees

Name: Umbraco Backoffice Trees
Author: umbraco

byumbraco

•

Content Management

Implements hierarchical tree structures and navigation systems within the Umbraco Backoffice using modern extension patterns.

The Umbraco Tree skill provides specialized guidance for building organized content hierarchies in the Umbraco Backoffice. It streamlines the creation of tree manifests, repositories, and data sources while ensuring critical integration with routable workspaces. By following modern patterns like inline data sources and proper entity type mapping, this skill helps developers avoid common pitfalls such as navigation loading loops and ensures that tree components are correctly registered and rendered within the Umbraco extension registry.

Key Features

01Seamless tree-to-workspace integration logic

02Advanced UI configuration for root node visibility

03Automated tree manifest and repository generation

041 GitHub stars

05Modern inline data source pattern implementation

06Support for hierarchical data fetching and ancestor pathing

Use Cases

01Creating custom navigation structures for Umbraco Backoffice plugins

02Migrating legacy Umbraco tree implementations to the modern extension registry

03Building hierarchical data views for third-party API integrations

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add umbraco/umbraco-cms-backoffice-skills umbraco-tree

For use in Claude.ai and ChatGPT

Download Skill