Draggable and sortable #1336
Labels
Milestone
Comments
|
was it dropped? I can't use it in the current version (and nothing in the doc). The above gif is unfortunately a lowres gif. |
|
New in 4.3.4
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="../metro/css/metro-all.css?ver=@@b-version" rel="stylesheet">
<title>DragItems - Metro 4 :: Popular HTML, CSS and JS library</title>
<style>
ul {
list-style: none inside;
margin: 0;
padding: 0;
min-height: 100%;
border: 1px solid gray;
}
ul li {
display: block;
padding: 0 16px 0 38px;
border: 1px solid gray;
line-height: 40px;
height: 40px;
position: relative;
}
</style>
</head>
<body class="m4-cloak">
<div class="container mt-20">
<h1 class="text-center">data-role="drag-items"</h1>
<div class="row">
<div class="cell-md-6 p-8">
<ul data-role="drag-items" data-cls-drag-item-avatar="bg-green" data-draw-drag-marker="false">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
<li>Item 6</li>
<li>Item 7</li>
<li>Item 8</li>
<li>Item 9</li>
<li>Item 10</li>
</ul>
</div>
<div class="cell-md-6 p-8">
<ul data-role="drag-items" data-cls-drag-item-avatar="bg-red">
</ul>
</div>
</div>
</div>
<script src="../metro/js/metro.js?ver=@@b-version"></script>
</body>
</html> |
|
|
|
Great ! Thanx for that awesome feature :) |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
With Metro we can easily have draggable element.
Is it possible - for future - having draggable + sortable element like this : https://jqueryui.com/draggable/#sortable ?
The text was updated successfully, but these errors were encountered: