Hi,

I'm creating a poll-editor for the grid. I want to make it possible to sort the answers.

It works but my problem is that when sorting, the item that has to move gets invisible and the bluegreen block show up.

I would like to use the "regular" way of sorting form jQuery UI, without hiding the item that moves: https://jqueryui.com/sortable/#default

I use this code in my editor controller:

$scope.sortableOptions = {
    axis: 'y',
    containment: 'parent',
    cursor: 'move',
    items: '> div.control-group',
    tolerance: 'pointer',
    stop: function (ev, ui) {
        angularHelper.safeApply($scope, function () {
            angular.forEach($scope.control.answers, function (val, index) {
                val.index = index;
            });

        });
    }
};

And my view looks like:

<umb-control-group label="Antwoorden" description="">
    <div ui-sortable="sortableOptions" ng-model="control.answers">
        <div class="control-group" ng-repeat="answer in control.answers">
            <i class="icon icon-navigation handle"></i>
            <input ng-show="true" ng-change="ChangeContent()" ng-model="answer.answertext" type="text" />
            <button class="btn btn-danger" ng-click="removeAnswer(answer.id)">
                <i class="icon icon-trash"></i>
            </button>
        </div>
    </div>
    <button class="btn btn-default" type="button" ng-click="AddRow()">+</button>
</umb-control-group>

Do you have a suggestion how i can make the "default" sorting working in inside a grid-editor?

Kind regards, iNETZO