search

thecodeholic / lobipanel

jQuery plugin for bootstrap panels. It extends panels with several common and useful functions.
MIT License
168 stars 75 forks source link

Can not drag panel to the column which has no panel from begining. #26

Closed sama55 closed 7 years ago

sama55 commented 7 years ago

Is this the specification of jquery-UI? Do I need to add a dummy (not visible) panel?

thecodeholic commented 7 years ago

When plugin is initialized lobipanel-parent-sortable class is added to parent element of panels and sortable works for only elements with lobipanel-parent-sortable class. Try to add lobipanel-parent-sortable class to empty div and it should work

sama55 commented 7 years ago

Thank you for your quick reply. Only to add lobipanel-parent-sortable class had no effect. Dummy child element also seems necessary. Example (My code):

<div class="row">
    <div class="col-xs-12 col-sm-8 col-md-9 col-lg-9 my-col-nopadding">
        <div class="my-col-left lobipanel-parent-sortable">
            <div style="display:none" class="lobipanel lobipanel-sortable"></div>
            [*items_left*]
        </div>
    </div>
    <div class="col-xs-12 col-sm-4 col-md-3 col-lg-3 my-col-nopadding">
        <div class="my-col-right lobipanel-parent-sortable">
            <div style="display:none" class="lobipanel lobipanel-sortable"></div>
            [*items_right*]
        </div>
    </div>
</div>

Thanks.