umbraco-tree-item

Name: umbraco-tree-item
Availability: InStock
Author: albanist

Create Umbraco backoffice tree item extension manifests with optional context APIs.

4|Updated Mar 6, 2026

Search Tags:#typescript #umbraco #context api #ui rendering #backoffice customization #extension manifests #tree items

Ready to run

npx skills add https://github.com/albanistrefi/umbraco_CLI --skill umbraco-tree-item-albanistrefi

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: umbraco-tree-item
Source: https://github.com/albanistrefi/umbraco_CLI/tree/main/skills/extensions/umbraco-tree-item
Command: npx skills add https://github.com/albanistrefi/umbraco_CLI --skill umbraco-tree-item-albanistrefi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the need to define how entities are rendered in Umbraco backoffice tree structures with consistent icons, labels, and optional custom behavior.

Core Features & Use Cases

Tree item manifest generation: Define tree items for specific entity types using the extension manifest format.
Optional custom rendering via context: Add specialized logic (icons, labels, badges, behavior) by wiring an API context.
Backoffice compatibility guidance: Align implementation with the official Umbraco documentation patterns for tree items and extension registry setup.

Quick Start

Create a tree item manifest for your target entity type(s) and, if you need custom icons or labels, add an API context that extends UmbDefaultTreeItemContext.

Frequently Asked Questions about umbraco-tree-item

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I customize Umbraco backoffice tree items for specific entity types?▼

You create treeItem extension manifests mapping type='treeItem' to forEntityTypes to define how Umbraco backoffice entities render with custom icons, labels, badges, and specialized click behavior.

What is a treeItem extension manifest in Umbraco?▼

A treeItem extension manifest in Umbraco is a configuration object that maps forEntityTypes to custom rendering logic, defining how backoffice entities display as tree items when standard tree rendering is insufficient.

How do I add dynamic icons and labels to Umbraco tree items?▼

To add dynamic icons and labels to Umbraco tree items, wire an API context extending UmbDefaultTreeItemContext that overrides getIcon and getLabel methods to supply specialized rendering logic for specific entity types.

Do I need TypeScript to implement custom Umbraco tree item contexts?▼

Yes, TypeScript is required to implement custom Umbraco tree item contexts by extending the UmbDefaultTreeItemContext class and overriding methods like getIcon and getLabel for specific entity types.

When should I create a custom context API for Umbraco tree items instead of just using manifests?▼

Create a custom context API for Umbraco tree items when standard manifest configuration cannot handle dynamic icons, additional labels, badges, or special click and loading behavior required for specific entity types.

Can I add badges and special loading behavior to Umbraco backoffice tree items?▼

Yes, you can add badges and special loading behavior to Umbraco backoffice tree items by implementing an API context extending UmbDefaultTreeItemContext that overrides default methods to provide specialized entity logic.