Questions tagged [jquery-ui-sortable]

The jQuery UI Sortable plugin makes selected elements sortable by dragging with the mouse.

Filter by
Sorted by
Tagged with
0 votes
0 answers
31 views

sending mutiple arrays with ajax and updating SQL from sortable connected lists

I have been struggling with sending 3 arrays to a PHP update script with ajax. The goal is to have three lists on the page (employee, manager, admn) and when the user drags an item from one list to ...
digerati's user avatar
0 votes
0 answers
23 views

Text Search in Sortable R

Is there any way to include text search option in add_rank_list from sortable package in R? Image below, for example we have a long list of items, any way we can include a text search that can help to ...
Zahier Nasrudin's user avatar
0 votes
0 answers
34 views

Googleway map does not update when using a dynamic bucketlist in r shiny

I am building an r shiny application that uses sortable bucketlists and googleway maps to show airports by state. When first run, the user can drag an airport from one bucketlist to the other and ...
Ward Greunke's user avatar
0 votes
0 answers
26 views

want to implement auto horizontal scrolling functionality in my kanban board

I want to make a kanban board which having multiple column in each column list of cards and I want to be able to move cards between columns or sort in an specific column. All things works good. But ...
hardik's user avatar
  • 91
0 votes
1 answer
24 views

Vue Destroy Sortable Element

Summary Create Panel, and add Layers to panel. When trying to delete a layer the last layer in the panel is deleted, instead of the layer item selected for destruction. Full Issue: Understanding ...
Jacques Joubert's user avatar
0 votes
1 answer
58 views

sort list by number of characters in title

This is an exercise from the book "Learn jQuery 3". I need to change the code so when i click on the title title the books are sorted by number of characters in the title not alphabetically ...
Abe1985's user avatar
0 votes
0 answers
14 views

asp.net and jquery ui sortable, mantain order of elements after button click

in the header I have this javascript code: <script> $(function () { $("#sortable").sortable(); $("#sortable").disableSelection(); }); function ...
Gabriele Cozzolino's user avatar
0 votes
2 answers
72 views

jQuery UI sortable with body zoom not working, Not calculating drag and drop area correctly

I am trying to jQuery UI sortable work with zoom CSS property on body. But it's not allowing me to drag and drop correctly on the right position. Drag only working with half area, if user try to drag ...
Vijay Dhanvai's user avatar
0 votes
0 answers
32 views

Jquery UI dynamic create droppable area

I try to make multi droppable area (JQueryUI). Not work append droppable area after page load. My purpose create dynamic droppable new area (one or one more). example droppable-area in droppable-area ...
Mag's user avatar
  • 13
0 votes
2 answers
121 views

Kyslik/column-sortable in laravel 10

I have project in laravel 10 with kyslik/column-sortable. When I get route: Route::get("/test", [searchEngineController::class, 'sort']); and in searchEngineController::sort: public ...
Execss's user avatar
  • 11
0 votes
1 answer
31 views

Is it possible to "pause" a drop event when sorting to ask a user a question (jquery-ui sortable)?

I am working on a project which uses the jquery-ui sortable widget. Under certain circumstance, I need to ask the user a question that relates to the sort, then the update callback will behave ...
Ben Holness's user avatar
  • 2,497
1 vote
0 answers
171 views

how can i freely sort cards in drag and drop layout - jquery bootstrap - where multiple cards can be placed in one row across multiple columns

i want to have drag and drop sortable layout for my bootstrap cards. i did dowith sortable jquery plugin but it is draging and droping in a row. i want that if i have card 1 that is bigger height col-...
mandm123's user avatar
0 votes
1 answer
44 views

how to delete specific image using jquery in sortable jquery

I have an image section in html, where images are shown as grid and user can drag and rearrange, according to the rerrangement the image names are stored in the hidden input box, this is working fine, ...
TBC's user avatar
  • 101
0 votes
1 answer
49 views

how to get position of Draggable element relative to Droppable that isOver? in Sortable too

IMAGE What I want to achieve: when draggable element is over a droppable, I want to know how far away my mouse is from center/top border/ bottom border of that droppable. For example: if proximity of ...
Terlan's user avatar
  • 19
0 votes
0 answers
229 views

How to customize the dynamic table produced by streamlit?

I would like to use the dynamic table in Streamlit for data analysis as it has a good feature of sorting tables by clicking on the table header. however, the font size of this table is too small to ...
dbmtbm's user avatar
  • 45
0 votes
0 answers
104 views

stramlit table produced with df.to_html

Looking for solution to sort a table produced with df.to_html in streamlit. I know streamlit can produce dynamically sortable table only if we don't use df.to_html but due to some reason I am bound to ...
Namo Gumba's user avatar
0 votes
0 answers
28 views

Flask, sqlalchemy, jinja2, Jquery: Adding same item to cart displays title only for last item, the rest are blank

I have three tables. User, listitem and Song. User and listitem have Many-to-Many relationship with a table songcart. and listitem has one to many relationship with Song. whenever I add a listitem to ...
Gregoriy Kim's user avatar
0 votes
1 answer
46 views

Exchange positions instead of resorting every element with Jquery ui sortable plugin

I'm using the Jquery UI sortable plugin for sorting a layout of avatars. And when you sort with this plugin you change the position of every element, if you drop the first element on the fourth place ...
arderoma's user avatar
  • 388
0 votes
0 answers
23 views

Multiple draggable/sortable elements with the same class

I have a template (simplified version below) that's using divs to look like a table. I am looking for a solution that allows to drag the whole 'column' - all 'cells' with the same class and rearrange ...
Ramūnas Čepaitis's user avatar
1 vote
1 answer
50 views

Cannot add sortable::rank_list() inside of a shinyalert or modal

I am trying to add a rank_list from the sortable library in a Shiny application. This seems to work fine if the input is in the fluid page part of the UI. When I add it to a shinyalert() or a modal, ...
shbshk's user avatar
  • 72
0 votes
0 answers
20 views

Jquery Sortable allow items dragged into two groups of 2 maximum

sortable list I am trying to allow people to choose only two items from a list, but be able to do it twice. The dragged list items can even be repeated. The code i have drops two in, then disables ...
monty's user avatar
  • 3
1 vote
2 answers
108 views

Queries related to jQuery UI Sortable connected list. Clone Item only once

I have two connected lists - Child list and Parent list. Child list will always be a subset of the parent list. Below are the two requirements for which I need help: I want to copy data from parent ...
Learner's user avatar
  • 93
1 vote
1 answer
82 views

Renaming and sorting columns of a dataset using the sortable package in Shiny

I have been following the solution provided in this post to update the names and column order of a dataset in a Shiny app. The original solution used a dummy dataset, but now I want to extend this ...
mat's user avatar
  • 2,398
0 votes
0 answers
14 views

Is there a way to use macro for demo of the jQuery UI sortable

I have created jQuery UI sortable elements. Now I wonder if its possible create a small macro that move these elements around to demo for the user. Like selecting on element then drag and drop that ...
Dan Rosshagen's user avatar
0 votes
1 answer
60 views

How to save to the database column one items that are dragged and dropped to another column?

So what I would like to do is having column one where data shown from database, and this data can be dragged and dropped to column two, finally data in column two can be save to another table in the ...
Dave's user avatar
  • 3
0 votes
0 answers
447 views

How to add horizontal scroll in kanban board that made using jQuery-UI sortable

I created a kanban board using Ruby on Rails and jQuery-ui sortable. In this kanban board user can drag and drop tickets into individual columns according to its status. Screenshot: I want vertical ...
Rutik Patel's user avatar
1 vote
1 answer
176 views

adding custom class by row in RShiny using jQuery

This question is just an extention of this question The following code consists of two containers or divs or bucket_lists from the sortable R package and each bucket_list consists of two add_rank_list ...
Bahgat Nassour's user avatar
0 votes
0 answers
62 views

Updating the model with angular-ui / ui-sortable

I have a problem of obtaining new positions of elements. My html is: <ul class="items" ui-sortable="sortableOptions" data-ng-model="items"> <...
Anastasia Sitnina's user avatar
0 votes
0 answers
22 views

How do I know if a sortablejs div is over another sortablejs div?

Problem Statement: I want to make a sortable list where you can (obviously) sort its items. I want to make it nestable. So a Todo can have nested Todos. One solution is to have an empty div sortable ...
Sawaid's user avatar
  • 77
0 votes
1 answer
122 views

How to get the dropped element in a jquery sortable list [duplicate]

I have two unordered lists, and I want to be able to drag copies of any element in the first list, to a new second list. When the item is dropped, I want to access that element, in order to add it to ...
Dan's user avatar
  • 1,164
1 vote
0 answers
53 views

Only checked li should move at a time with sortable

I've a list of items and with this I've give checkbox. I've use sortable function of jQuery for drag & drop that item. When I check item only that item should be move at a time how could I do this ...
Vaishnavi Deshpande's user avatar
-1 votes
1 answer
70 views

JQuery .each() Function assigning the same ID for children elements (not iterating?)

I am trying to iterate through a list of children elements and pass their encrypted IDs via AJAX to my controller to update display order on drop using jQuery Sortable. jQuery is selecting the correct ...
Unconquered82's user avatar
0 votes
1 answer
98 views

JQuery sortable moving rows having different heights

I got a table with 3 rows on which I enable sorting like this: $('#table').sortable( { items: '> tbody > tr', handle: 'td:not(.no-drag)', cursor: 'pointer'...
Mauro Sampietro's user avatar
0 votes
1 answer
27 views

Jquery sortable not sorting 2 items, one of which is set not draggable

I got a table with 2 rows: <table id='table'> <tr class="no-drag"><td>row 1</td></tr> <tr class="sortable"><td>row 2</td>&...
Mauro Sampietro's user avatar
0 votes
1 answer
280 views

ASP.NET Core MVC - VIew is not updated correctly - Ajax?

I have an ASP.NET Core 6 MVC application. On one page I have a table; I want to support drag'n'drop for its rows. Afterwards the User is able to click on "Submit" and make the changes ...
SuperNev's user avatar
0 votes
0 answers
30 views

What can i do for Pagination infer arguments error

`Hi i am using pagination to display data but i got an error showing cannot infer arguments ...can anyone help me through it.Thanks in advance <sub>``` private Paginator<OrganizationInfo> ...
Preethi's user avatar
0 votes
0 answers
133 views

I want to change jquery-ui sortable code into sortableJS with stimulus how can I do it

all_request.js.erb $(function () { $( ".kanban-card, .sub-card, .kanban-card .sub-tickets" ).sortable({ connectWith: ".kanban-card", cancel: ".main_ticket", ...
Laxmi Pasi's user avatar
0 votes
1 answer
340 views

Issues using jQuery UI Sortable with Bootstrap 5 responsive page

Has anyone used the jQuery UI Sortable widget on a Bootstrap 5 responsive page? My page has a series of <div class="col-lg-6"> elements, so it shows two per row. The sorting works. But ...
Jonathan Wood's user avatar
0 votes
1 answer
266 views

How can I make Woocommerce cart items sortable using drag and drop?

I use mPdf to create pdf's of the items in my woocommerce cart and I need a way to sort the items in the cart table using drag and drop and also output the new order of the items as $cart_contents for ...
Ashendale's user avatar
  • 136
0 votes
1 answer
52 views

Jquery sortable, connectWith, find receiving container

I am building a sortable where items can be dragged among day containers. The number of days will vary. When an item is dragged from one day to another, I am trying to get the container of the new day....
thom's user avatar
  • 74
0 votes
1 answer
45 views

How can I make dynamic JQueryUI elements sortable and resizable?

In my JQueryUI test of resizable and sortable elements when I attempt to add objects dynamically, it loses its ability to be resized. It works well when it is statically included in the HTML DOM. HTML ...
sandeepzgk's user avatar
1 vote
1 answer
39 views

How to avoid a draggable element to be dropped in a certain sortable location in jquery?

I have a page where two drag and drop functionalities are working. Suppose A and B are draggable components and C and D are droppable regions. But I have to restrict A being dropped in location D ...
Swati Dhurandhar's user avatar
1 vote
1 answer
428 views

Jquery UI sortable not working for appended rows

I am trying to use jQuery UI to make a sortable table. It is working fine for the rows already added before the page load. However, I also have function to let users to add new rows, if they need. ...
Biblo's user avatar
  • 15
0 votes
0 answers
61 views

JQuery Droppable in Drop-Function wait until Button is klicked

i use sortable's & Droppables to receive elements from a draggable list. As soon as the update function is executed a modal opens. I want to achieve that the update function is interrupted and ...
DasBeastx3's user avatar
0 votes
1 answer
38 views

To see which id's data drag and drop in multiconnect operation in jquery sortable

I am doing sorting with jquery ui's sortable function. I have a problem. Anyone can help me? for example, when I take a li from #sortable2 and move it to #sortable1, I want to assign the value 0 to ...
user avatar
0 votes
1 answer
191 views

alert button for drag and drop table rows without saving not appearing

I have a table which I have made sortable(rows can be dragged and dropped using jquery) , I want that if the user drags and drops the rows and forgets to click on update button and tries to navigate ...
electro_guy's user avatar
0 votes
1 answer
66 views

How to put alert ,if rows are dragged and dropped and update button is not clicked?

I have a table whose rows are made draggable using sortable property as mentioned below. <script type="text/javascript"> $(function () { $("#tblLookup1 tbody")....
electro_guy's user avatar
1 vote
0 answers
71 views

JQuery UI Sortable - Grab shift when zooming

I was trying to use JQuery UI Sortable plugin for multiple tables. The idea was to grab and drop elements in cells of a table, by connecting all <td> tags with this plugin. It looks like this: ...
Yokawaii's user avatar
0 votes
0 answers
47 views

How to send data of a jquery table to sql

I have a jquery table with property set to sortable( I can drag and drop rows), <script type="text/javascript"> $(function () { $("#tblLookup1 tbody").sortable({ ...
electro_guy's user avatar
0 votes
1 answer
966 views

How to Update order in sql of Jquery table after dragging and dropping

I have a jquery table , which I have made sortable( can drag and drop items) using below code. $("#tblLookup1 tbody").sortable({ items: 'tr', cursor: 'pointer', ...
electro_guy's user avatar

1
2 3 4 5
69