ASP.NET Core Sortable

Overview

The Telerik UI for ASP.NET Core Sortable component allows you to sort elements within a list by simply dragging and dropping them around. It comes with various features and functionalities such as hints, items, cursor, placeholder, different integrations with other components, sortable panels, events, and more.
Hint

By default, the ASP.NET Core Sortable component renders a hint, however if you think it is not suitable for your project, you can easily disable it.
Items

The Core Sortable component allows you to control the behavior of its items. You can choose to disable them, so they cannot be dragged but are valid drop targets, or to filter them, so they cannot be dragged and are not valid drop targets.

See the Sortable Items demo
Cursor

The cursor configuration of the control determines the type of cursor that will be rendered when the user is dragging a sortable item.

Read the documentation to see how to change the Sortable Cursor
Placeholder

The Sortable component has a default placeholder, which you can easily change by setting the placeholder configuration option.

See how to build a placeholder from a dragged element.
Integration
The Core Sortable component can be integrated into other UI components, including:
- Grid - to reorder grid items through dragging and dropping
- ListView - to reorder list view items through dragging and dropping
- TabStrip - to reorder the items in the tabs
Events

The component fires a variety of events including AutoScroll, Ignore, Cursor, Render etc.

See the ASP.NET Core Sortable Events demo
HTML and Tag Helpers

The Telerik UI for ASP.NET Core suite offers two approaches to declare the Sortable component – choose HTML or Tag helpers based on your preference, practice, and technology background, and add this advanced input element to any new or existing form.