skills.rest
albanistrefi
albanistrefiCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

umbraco-tree-item

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
One-click install
npx skills add https://github.com/albanistrefi/umbraco_CLI --skill umbraco-tree-item-albanistrefi
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
albanistalbanist
4

umbraco-tree

Implement hierarchical navigation trees in the Umbraco backoffice using TypeScript.

Community
Intermediate
1k-off1k-off
1

umbraco-tree-item

Register Umbraco treeItem manifests to render custom tree node visuals.

Community
Intermediate
kraftvaerkkraftvaerk

umbraco-tree-item

Customize Umbraco backoffice tree item rendering and behavior.

Official
Intermediate
albanistalbanist
4

umbraco-tree-item

Implement custom Umbraco backoffice tree items with dynamic icons and labels.

Community
Intermediate