skills.rest
1k-off
1k-offCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

umbraco-property-action

Implement Umbraco backoffice Property Actions for property editor values.

1|Updated May 21, 2026
Search Tags:#typescript#context API#umbraco#backoffice customization#property actions#modal integration
One-click install
npx skills add https://github.com/1k-off/umbraco-observability-playground --skill umbraco-property-action-1k-off
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: umbraco-property-action
Source: https://github.com/1k-off/umbraco-observability-playground/tree/main/.agents/skills/umbraco-property-action
Command: npx skills add https://github.com/1k-off/umbraco-observability-playground --skill umbraco-property-action-1k-off

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Umbraco property editors often need small, context-specific helper features (like clearing or transforming a value), but modifying the editor itself is costly and harder to maintain across upgrades.

Core Features & Use Cases

  • Create Property Actions: Add actionable buttons next to property labels that open directly or expand to reveal actions for editors.
  • Run logic with property context: Read and write the current property value through Umbraco’s property context APIs (e.g., clear a text value, uppercase it, or copy it).
  • Target specific property editor UIs: Limit actions to relevant editor UI aliases (such as TextBox, TextArea, RichText, pickers) or apply broadly to all supported editors.
  • Use modals when needed: Open an Umbraco modal from the action to collect user input and then persist results back into the property value.

Quick Start

Use the WebFetch tool to fetch the latest Umbraco Property Actions documentation, then implement a property action manifest and an action class that reads the property context and updates the selected property value.

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 custom property actions to the Umbraco backoffice?▼

Umbraco property actions add contextual buttons next to property labels by generating a propertyAction manifest and executing logic via UmbPropertyActionBase to modify property editor values.

Can I open a modal dialog from an Umbraco property editor action?▼

Yes, Umbraco property actions support modal integration, allowing you to open an Umbraco modal from the action to collect user input and persist the results back into the current property value.

How do I read and write property editor values in Umbraco backoffice customization?▼

You can read and write property editor values by accessing UMB_PROPERTY_CONTEXT within your action class, enabling deterministic operations like clearing, uppercasing, or transforming the text value.

How do I target property actions to specific Umbraco property editor UI aliases?▼

Property actions can be restricted to specific property editor UI aliases, such as TextBox, TextArea, or RichText, or they can be configured to apply broadly to all supported editor types.

What is the best way to add helper features to Umbraco property editors without modifying the editor itself?▼

Using Umbraco property actions adds context-specific helper features without modifying the core editor, making it easier to maintain custom logic across Umbraco version upgrades.

Related Skills

Explore More Software Engineering Skills→
umbracoumbraco
26

umbraco-property-value-preset

Implement property value presets for Umbraco backoffice property editors using TypeScript and official Umbraco APIs.

Official
Intermediate
1k-off1k-off
1

umbraco-monaco-markdown-editor-action

Implement custom Monaco Markdown editor actions in the Umbraco backoffice.

Community
Intermediate
albanistrefialbanistrefi
4

umbraco-property-action

Generate Umbraco property action manifests and action classes extending UmbPropertyActionBase.

Community
Intermediate
kraftvaerkkraftvaerk

umbraco-property-action

Generate TypeScript code and manifest files for Umbraco property editor actions.

Official
Intermediate