Paul Krill
Editor at Large

SortableJS brings drag-and-drop lists to Microsoft Blazor

news
Jan 16, 20242 mins

Now available as a Blazor web application builder component, the SortableJS library supports CSS animation, auto-scrolling, and smooth animations in touch devices and modern browsers.

thumbs up

SortableJS, a JavaScript library for creating reorderable drag-and-drop lists, has been wrapped into a component for Microsoft’s Blazor web application builder and renamed Blazor Sortable.

A common feature for web application development, SortableJS supports touch devices and modern browsers, CSS animation, auto-scrolling, and smooth animations.

Unveiled January 12, Blazor Sortable has been made open source on GitHub. The GitHub repo for Blazor Sortable contains source code for the sortable list as well as demos. Developers only need the Shared/SortableList.razor, Shared/SortableList.razor.css, and Shared/SortableList.razor.js files to use Blazor Sortable. SortableList is a generic component that takes a list of items. A SortableItemTemplate then defines how to render each item in the sortable list.

Blazor itself is intended to leverage .NET and C# to build full-stack web applications without needing to write a line of JavaScript. Developers are encouraged to use Blazor Sortable now, but be aware that not every feature in the SortableJS library is yet implemented. Pull requests are invited.

SortableJS does not require an installed JQuery or other framework. The library also supports the ability to drag from one list to another or within the same list, support for CSS animation when moving items, support for CSS transformations, smooth animations, and support for technologies including the Angular TypeScript-based web framework and the Vue JavaScript framework. The library also supports JQuery.

Paul Krill

Paul Krill is editor at large at InfoWorld. Paul has been covering computer technology as a news and feature reporter for more than 35 years, including 30 years at InfoWorld. He has specialized in coverage of software development tools and technologies since the 1990s, and he continues to lead InfoWorld’s news coverage of software development platforms including Java and .NET and programming languages including JavaScript, TypeScript, PHP, Python, Ruby, Rust, and Go. Long trusted as a reporter who prioritizes accuracy, integrity, and the best interests of readers, Paul is sought out by technology companies and industry organizations who want to reach InfoWorld’s audience of software developers and other information technology professionals. Paul has won a “Best Technology News Coverage” award from IDG.

More from this author