Umbraco Validation Context
Handles form validation in Umbraco's backoffice using the centralized UmbValidationContext system. You bind fields to JSON Path identifiers like `$.form.tab1.email`, trigger validation with `validate()`, and observe error counts reactively for tabs or entire forms. The examples show the common pattern: multi-tab workspace editors where you need error badges on tabs and validation messages next to inputs. It integrates with Umbraco's uui-form-validation-message components and supports both immediate feedback and submit-time validation. The source includes working dashboard examples if you need reference implementations for workspace contexts or complex multi-step forms.
- skills.sh installs
- 381
- GitHub stars
- 27
- last updated
- Aug 21, 2026
Install
$ npx -y skills add umbraco/umbraco-cms-backoffice-skills --skill umbraco-validation-context --agent claude-codeInstalls into .claude/skills of the current project.
Files
Umbraco Validation Context
What is it?
UmbValidationContext provides a centralized validation system for forms in the Umbraco backoffice. It manages validation messages using JSON Path notation, supports both client-side and server-side validation, and enables reactive error counting for tabs and sections. This is essential for multi-step forms, workspace editors, and any UI that requires comprehensive validation feedback.
Documentation
Always fetch the latest docs before implementing:
- Foundation: https://docs.umbraco.com/umbraco-cms/extend-your-project/backoffice-extensions/foundation
- Extension Registry: https://docs.umbraco.com/umbraco-cms/extend-your-project/backoffice-extensions/extending-overview/extension-registry
Reference Examples
The Umbraco source includes working examples:
Validation Context Dashboard: /Umbraco-CMS/src/Umbraco.Web.UI.Client/examples/validation-context/
This example demonstrates multi-tab form validation with error counting.
Custom Validation Workspace Context: /Umbraco-CMS/src/Umbraco.Web.UI.Client/examples/custom-validation-workspace-context/
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/umbraco/umbraco-cms-backoffice-skills
- Category
- .NET & C#
- First seen
- Jun 3, 2026
More from umbraco/umbraco-cms-backoffice-skills
All 76- Umbraco E2e Testing380
- Umbraco Msw Testing379
- Umbraco Unit Testing374
- Umbraco Test Builders370
- Umbraco Testing368
- Umbraco Backoffice447
- Umbraco Controllers418
- Umbraco Dashboard418
- Umbraco Extension Template413
- Umbraco Quickstart406
- Umbraco Openapi Client405
- Umbraco Property Editor Ui405
- Umbraco Extension Registry403
- Umbraco Notifications403
- Umbraco Add Extension Reference402
- Umbraco Context Api402
- Umbraco Routing401
- Umbraco Entity Create Option Action400
- Umbraco Menu Items400
- Umbraco Mfa Login Provider400
- Umbraco Repository Pattern400
- Umbraco Auth Provider399
- Umbraco Dynamic Root399
- Umbraco Collection View398
Recommended
More .NET & C#
syncfusion-blazor-treeviewsyncfusion/blazor-ui-components-skillsImplement Syncfusion Blazor TreeView component for hierarchical data display with single/multi-selection, editing, expand-collapse, checkboxes, drag-drop, and v380skills.sh installs
umbraco-e2e-testingumbraco/umbraco-cms-backoffice-skillsE2E testing for Umbraco backoffice extensions using Playwright and @umbraco-cms/acceptance-test-helpers380skills.sh installssyncfusion-blazor-dropdown-treesyncfusion/blazor-ui-components-skillsImplement Syncfusion Blazor Dropdown Tree component for hierarchical data selection with single/multi-selection, checkboxes, filtering, and advanced customizati379skills.sh installssyncfusion-blazor-query-buildersyncfusion/blazor-ui-components-skillsImplement Syncfusion Blazor Query Builder component for building dynamic, customizable query interfaces with complex filtering logic. Use this when creating adv379skills.sh installsumbraco-msw-testingumbraco/umbraco-cms-backoffice-skillsMSW (Mock Service Worker) patterns for testing Umbraco backoffice extensions with mocked APIs379skills.sh installssyncfusion-blazor-ai-assistviewsyncfusion/blazor-ui-components-skillsImplement the Syncfusion Blazor AI AssistView component for AI-powered chat interfaces in Blazor applications. Use this skill when implementing conversational A377skills.sh installs