Implements drag-and-drop sorting functionality for Umbraco backoffice lists using the UmbSorterController.
The Umbraco Sorter skill provides specialized guidance for implementing intuitive drag-and-drop reordering within the Umbraco backoffice UI. By leveraging the UmbSorterController, developers can easily manage item reordering within a single list, facilitate moving items between multiple containers, and handle complex nested sorting scenarios like hierarchical block editors. This skill ensures that UI implementations follow Umbraco's best practices for state management and DOM manipulation using Lit-based elements.
Key Features
01Automatic CSS class application for visual dragging feedback
021 GitHub stars
03Support for complex nested and recursive sorting structures
04Single and multi-container drag-and-drop reordering
05Synchronization with Umbraco state management patterns
06Customizable item and container CSS selectors
Use Cases
01Creating dashboards with items that can be moved between columns
02Developing hierarchical tree views with nested child sorting
03Building custom block editors with reorderable content elements
