Do I always need a custom context for tree items?

No, most tree items can use kind: 'default' and do not need a custom context unless you require dynamic icon logic, custom badges, or unique click handlers.

Which version of Umbraco does this skill support?

This skill is specifically designed for Umbraco 14 and later versions, which utilize the modern TypeScript-based backoffice extension framework.

Can I use this for custom entity types?

Yes, you can define tree items for any custom entity type by specifying them in the 'forEntityTypes' array within the extension manifest.

What is an Umbraco Tree Item?

Tree Items define how entities are rendered in tree structures within the Umbraco backoffice sidebars and navigation, controlling icons, labels, and click behavior.

How do tree items interact with repositories?

Tree items are typically used in conjunction with a Tree Repository, which handles the data fetching; the tree item defines how that fetched data is visually represented.

Umbraco Backoffice Tree Items

Name: Umbraco Backoffice Tree Items
Author: umbraco

byumbraco

•

内容管理

Implements and customizes tree navigation items within the Umbraco backoffice extension framework.

This skill streamlines the process of creating and configuring tree items for Umbraco backoffice extensions. It provides automated guidance for defining manifests, handling entity types, and implementing custom tree item contexts for dynamic icons, labels, and badges. By leveraging the Umbraco Extension Registry and Context API, it ensures that navigation structures are consistent with official standards while allowing for specialized rendering and behaviors when necessary.

主要功能

01Support for standard Umbraco entity types like document, media, and data-types

021 GitHub stars

03Guidance on implementing specialized rendering and item behaviors

04Integration with the Umbraco Repository Pattern and Context API

05Automated manifest generation for tree item extensions

06Custom tree item context implementation for dynamic icons and labels

使用场景

01Creating custom navigation nodes for third-party Umbraco packages

02Extending the standard Umbraco tree with specialized entity behaviors

03Implementing dynamic status badges or conditional icons for content nodes

What are Skills?·How to Install

Install with 🐟 Skill.Fish

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

For use in Claude.ai and ChatGPT

Download Skill