umbraco-collection-action

Create Umbraco backoffice collection toolbar actions with extension-registry manifests.

4|Updated Mar 6, 2026
One-click install
npx skills add https://github.com/albanistrefi/umbraco_CLI --skill umbraco-collection-action-albanistrefi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: umbraco-collection-action
Source: https://github.com/albanistrefi/umbraco_CLI/tree/main/skills/extensions/umbraco-collection-action
Command: npx skills add https://github.com/albanistrefi/umbraco_CLI --skill umbraco-collection-action-albanistrefi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you implement Umbraco backoffice Collection Actions so editors can perform collection-level tasks (like creating new items or exporting) directly from a collection’s toolbar.

Core Features & Use Cases

  • Create collection-level toolbar actions that run custom code or navigate to a URL for the whole collection.
  • Match the action to the right collection using conditions like common collection aliases (e.g., document, media, members).
  • Support advanced UX patterns such as additional options dropdown indicators and modal-driven workflows for actions that need user input.

Quick Start

Use the umbraco-collection-action skill to generate the manifest and action class for a collection toolbar button, then verify the action appears for your target collection alias.

Frequently Asked Questions about umbraco-collection-action

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

FAQPage Schema
How do I add a custom button to an Umbraco backoffice collection toolbar?

To add a custom button to an Umbraco backoffice collection toolbar, you implement a collection action by creating an extension-registry manifest entry and an action class extending UmbCollectionActionBase. This allows editors to execute custom code or navigate to a URL for the whole collection.

Can I show a modal for user input when triggering an Umbraco collection action?

Yes, Umbraco collection actions support advanced UX patterns like modal-driven workflows. You can configure the action class to trigger exports via modals or display additional options dropdown indicators when the action requires user input before executing.

How do I restrict an Umbraco collection action to only appear for specific collections?

You restrict an Umbraco collection action to specific collections using UI conditions. You can match the action to the right collection by applying conditions based on common collection aliases like document, media, or members.

What is an Umbraco collection action used for?

An Umbraco collection action is used to perform collection-level tasks directly from a collection's toolbar in the backoffice. It enables editors to execute whole-collection operations like creating new items, triggering exports, or navigating to a specific URL.

Do I need TypeScript to create an Umbraco collection toolbar action?

Yes, you need TypeScript to create an Umbraco collection toolbar action. The implementation requires producing a compatible action class that extends UmbCollectionActionBase and integrates with the Umbraco extension registry using TypeScript.

Why is my Umbraco collection action not showing up in the backoffice toolbar?

If your Umbraco collection action is not showing up in the backoffice toolbar, verify your extension-registry manifest entry is correct and your UI conditions match the target collection alias. Fetching the latest Umbraco documentation helps ensure the manifest and action class are properly configured.