umbraco-sorter

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

4|Updated Mar 6, 2026

Search Tags:#ui component #drag and drop #sorting #umbraco #backoffice #list management

Ready to run

npx skills add https://github.com/albanist/umbraco_CLI --skill umbraco-sorter-albanist

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: umbraco-sorter
Source: https://github.com/albanist/umbraco_CLI/tree/main/skills/extensions/umbraco-sorter
Command: npx skills add https://github.com/albanist/umbraco_CLI --skill umbraco-sorter-albanist

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 lists of items within the Umbraco backoffice, simplifying content management and user experience for ordered data.

Core Features & Use Cases

Intuitive Reordering: Allows users to easily change the order of items via drag-and-drop.
Container Support: Handles sorting within a single container or moving items between multiple containers.
Nested Sorting: Supports complex scenarios where items themselves can contain nested lists that are also sortable.
Use Case: Implementing a block editor where users can reorder content blocks, or a media library where users can sort images within albums.

Quick Start

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

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 sorting in the Umbraco backoffice is implemented using the UmbSorterController to handle item reordering within single or multiple containers. It requires integration with Umbraco's LitElement-based component system for UI elements and state management.

Can I move items between multiple containers when sorting lists in Umbraco?▼

Yes, you can move items between multiple containers when sorting lists in Umbraco. The functionality handles reordering within a single container as well as moving items across multiple distinct containers.

Does drag-and-drop sorting in Umbraco support nested list scenarios?▼

Yes, drag-and-drop sorting in Umbraco supports nested scenarios where items themselves contain nested lists that are also sortable. This allows for complex content management structures.

What do I need to integrate with to use the UmbSorterController for list management?▼

To use the UmbSorterController for list management, you need to integrate with Umbraco's LitElement-based component system. This integration manages the UI elements and state for the sorting functionality.

When should I use drag-and-drop sorting for Umbraco backoffice lists?▼

Use drag-and-drop sorting for Umbraco backoffice lists when you need intuitive reordering of items, such as implementing a block editor to reorder content blocks or a media library to sort images within albums.