0

I have a list of items with different column widths in bootstrap. The items are getting displayed correctly in their respective columns. I am trying to add a sorting feature to this items using angular-ui-sortable. The items are getting dragged but return to their original position after I drop them. Also if I select any item and try to drag it, the item moves to the top left corner. 

<div ui-sortable="sortableOptions" ng-model="itemList">
   <div ng-repeat="item in itemList">
      <div class="col-sm-{{item.cols}}">
        <div class="box">{{item.cols}}</div>
      </div>
   </div>
</div>

You can find the full Plunker example here

Improve this question
12
  • what are the css and js you have included more instead of this example js and css?? Commented Dec 16, 2015 at 12:08
  • Additional css and js files included can be found in index.html Commented Dec 16, 2015 at 12:10
  • try to comment out and check.keep only example js and css. Commented Dec 16, 2015 at 12:11
  • css included are : bootstrap, style.css Commented Dec 16, 2015 at 12:13
  • js included are: jquery, jquery-ui, bootstrap, angular, angular-ui-sortable Commented Dec 16, 2015 at 12:14
Related questions
0
AngularJS sortable in multiple columns
0
sortable with bootstrap
3
Jquery Ui Sortable bug with bootstrap grid
Load 7 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.