skills.rest
kraftvaerk
kraftvaerkOFFICIAL
Explore all skills by this author →
WebsiteGitHub

umbraco-sorter

Implement drag-and-drop sorting in the Umbraco backoffice using UmbSorterController.

Updated Mar 6, 2026
Search Tags:#ui#frontend#drag and drop#sorting#umbraco#list management
One-click install
npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-sorter-kraftvaerk
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: umbraco-sorter
Source: https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy/tree/main/Kraftvaerk.Umbraco.Alchemy.Frontend/.agents/skills/umbraco-sorter
Command: npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-sorter-kraftvaerk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a robust drag-and-drop interface for reordering items within lists and containers in the Umbraco backoffice, simplifying content management and user-driven ordering.

Core Features & Use Cases

  • Drag-and-Drop Sorting: Easily reorder items within a single list.
  • Cross-Container Sorting: Move items between different lists or containers.
  • Nested Sorting: Supports hierarchical sorting where items can contain child items.
  • Use Case: Implement a sortable list of blog posts in the Umbraco backoffice, allowing editors to easily arrange their order for display on the website.

Quick Start

Use the umbraco-sorter skill to implement drag-and-drop sorting for a list of items.

Frequently Asked Questions about umbraco-sorter

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

FAQPage Schema
How do I implement drag-and-drop list sorting in the Umbraco backoffice?▼

Drag-and-drop list sorting in the Umbraco backoffice is implemented using the UmbSorterController, which handles user-driven reordering of content elements within single and multi-container lists.

Can I move items between different lists or containers in Umbraco?▼

Yes, cross-container sorting allows you to move items between different lists or containers in the Umbraco backoffice, enabling flexible content management and user-driven ordering across separate content structures.

Does Umbraco support nested drag-and-drop sorting for hierarchical lists?▼

Nested drag-and-drop sorting is supported for hierarchical lists where parent items contain child items, allowing editors to reorder complex tree structures and nested content elements within the Umbraco backoffice.

What is the best way to let editors reorder blog posts in Umbraco?▼

The best way to let editors reorder blog posts in Umbraco is to implement a sortable list interface using the UmbSorterController, simplifying content management by facilitating user-driven reordering for website display.

What types of Umbraco content structures can I apply drag-and-drop reordering to?▼

Drag-and-drop reordering can be applied to content elements, block editors, and tree structures in the Umbraco backoffice, covering single-container, multi-container, and nested sorting scenarios for flexible list management.

Related Skills

Explore More Software Engineering Skills→
umbracoumbraco
26

umbraco-sorter

Implement drag-and-drop sorting in the Umbraco backoffice with UmbSorterController.

Official
Intermediate
1k-off1k-off
1

umbraco-dashboard

Implement Umbraco backoffice dashboards with manifest and Lit-based elements.

Community
Intermediate
1k-off1k-off
1

umbraco-tiptap-extension

Creates and registers Tiptap extensions for Umbraco's Rich Text Editor.

Community
Intermediate
albanistalbanist
4

umbraco-sorter

Implement drag-and-drop sorting for Umbraco backoffice lists with UmbSorterController.

Community
Intermediate