umbraco-property-action

Implement custom property actions for Umbraco backoffice editors using TypeScript.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables the creation of custom actions for Umbraco property editors, allowing for enhanced functionality and user experience within the Umbraco backoffice without altering the core editors themselves.

Core Features & Use Cases

  • Add Custom Buttons: Implement buttons next to property labels for shortcuts, transformations, or context-specific operations.
  • Integrate with Umbraco APIs: Leverage Context API for value manipulation and Modals for interactive dialogs.
  • Use Case: Add a "Clear Value" button to text fields, or a "Transform to Uppercase" action to string inputs.

Quick Start

Use the umbraco-property-action skill to create a new property action that clears the value of a text field.

Frequently Asked Questions about umbraco-property-action

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

FAQPage Schema
How do I add a custom action button to an Umbraco backoffice property editor?

You add custom action buttons to Umbraco property editors by implementing a TypeScript extension via the Umbraco extension registry, facilitating auxiliary features like value clearing directly from backoffice property fields.

What are Umbraco property actions used for in the backoffice?

Umbraco property actions are used to add auxiliary features like value clearing, data transformation, or launching interactive modals directly from property fields, enhancing the backoffice user experience without altering the core property editors themselves.

Can I use TypeScript to clear or transform property values in Umbraco?

Yes, you can use TypeScript to clear or transform property values in Umbraco by creating custom property actions that leverage the Context API for value manipulation directly within the backoffice interface.

Do I need to understand Umbraco's extension API to create custom property actions?

Yes, creating custom property actions requires understanding Umbraco's extension API and controller-based architecture to properly register TypeScript extensions and manipulate backoffice property editor behaviors.

What is the best way to launch a modal dialog from an Umbraco property field?

The best way to launch a modal dialog from an Umbraco property field is to implement a custom property action using TypeScript that integrates Umbraco's Modals API to trigger interactive dialogs directly from the property editor interface.