CODEWITHSUNDEEP
jqueryjquery-uitwitter-bootstrapjquery-ui-sortablejquery-ui-draggable
ovnia
ovnia

Reputation: 2500

Jquery UI sortable with bootstrap bugs

I need to make sortable divs in fluid bootstrap's layout.. here is my code at jsfiddle: http://jsfiddle.net/6UkdR/

        <div class="row-fluid">
<div id="sortable">
            <span class="span3">
                <div class="thumbnail">
                </div>
            </span>
            <span class="span3">
                <div class="thumbnail">
                </div>
            </span>
            <span class="span3">
                <div class="thumbnail">
                </div>
            </span>
 </div>
        </div>
    <div class="row-fluid">
<div id="sortable">
            <span class="span3">
                <div class="thumbnail">
                </div>
            </span>
            <span class="span3">
                <div class="thumbnail">
                </div>
            </span>
            <span class="span3">
                <div class="thumbnail">
                </div>
            </span>
        </div>
 </div>

1) if you try to move first or latest div in , оther divs are shifted.

2) how to connect both ? with that code, i can drag-n-sort divs only in one row but i need to sort divs from all 's.

Upvotes: 1

Views: 6865

Answers (1)

mishik
mishik

Reputation: 10003

Seems like an issue with a placeholder. I have added margin fix to it:

.ui-sortable-placeholder {
     margin-left: 0 !important;
}

Seems to be okay now.

Demo

And for sorting between lists you can use connectWith.

Upvotes: 2

Related Questions