Stack Overflow
Stack Overflow

Questions tagged [draggable]

An element capable of being dragged.

In computer science usually an element is draggable if can be picked using mouse (or another pointing device) and moved around on the screen (or another visualization device).

The term is usually used jointly with the term drop to indicate the sequence needed to pick an object, move it around and then release it in a new position to perform an action.

References:

3630 questions
1
vote
2 answers

Uncaught TypeError: .draggable is not a function(…)

I don't know what is wrong here, it has already driven me nuts. Whenever I use some breakpoints on the code, as in the image, and reload the page then everything works fine. But if I close the developer tools and then I refresh, it throws me this…
hEShaN
  • 551
  • 1
  • 9
  • 27
1
vote
0 answers

jQuery drag&drop timeline tolerance

I'm building a small but simple timeline scheduler, where external events (divs) could be dragged in. In the timeline one day exists out of 8 hours. When draggin i have the option snap set to the snap element (.drop tr) and the snapMode to inner. In…
Bham
  • 309
  • 5
  • 21
1
vote
1 answer

jQuery draggable Snap to Center while dragging

I have draggable object in the page, and it has snap setting for the region.
$('#obj').draggable({ snap: ".drag-bound", snapTolerance: 5 }) So now if $('#obj') is dragged near the border…
Codemole
  • 3,069
  • 5
  • 25
  • 41
1
vote
0 answers

jump box when drag in another point how fix jump

Jump box when drag in another point how fix jump. These are my codes here: $('.box_reminded_pop,.boxing').draggable({ connectToSortable: ".line", containment: '.day_table ', }); When I remove this section all work fine but the html content…
Davod Aslani Fakor
  • 680
  • 6
  • 17
1
vote
1 answer

Mouse event not working twice

I encounter a strange problem. I've got a canvas and drawed a complexe structure: an Image inside a Grid inside a Border. My Image is the one which is active for moving. It works well the first time i drag my structure but the second time nothing…
Xavier123456789
  • 46
  • 6
1
vote
0 answers

drag and drop generate html template on drop

i have created a draggable directive like this @Input('makeDraggable') data: any; @Output() droppedDrag: EventEmitter = new EventEmitter(); constructor(private _elementRef: ElementRef) {} ngOnInit() { // Get the current element …
Kokulan
  • 1,316
  • 3
  • 19
  • 35
1
vote
0 answers

Golden Layout | Add by drag overrides the reference

I am facing an issue in particular case where reference of dragged widgets are overlapping. I have an empty dashboard with button and user can add widgets by dragging this button. When user add new widget, previous widget params are also updated…
Shafaq Kazmi
  • 215
  • 1
  • 3
  • 12
1
vote
0 answers

HTML when dragging a text using HTML draggable the element sometimes ends up placed within the wrong element

I am trying to write a html page using html5's drag and drop. I have a table in which I want to drag and drop various text elements. There may be more than one element in each table cell. I then want to parse this table outputting the table row of…
squilliam
  • 23
  • 1
  • 4
1
vote
2 answers

Draggable items not working in QML

I'm trying to implement basic drag n' drop in QML. Functionally, it works -- I'm able to drag a string around. However, I can't get my draggable Rectangle object to follow the cursor. It sets the Rectangle's x and y properly the frame that it…
user1765354
  • 347
  • 1
  • 5
  • 21
1
vote
2 answers

Drag a Panel In UWP

Hello I am working on a UWP application. I am trying to create a Panel which can be dragged upwards from the bottom of the screen. (For a reference please see Maps app on the windows store, when use navigation in the app). As in the Images below,…
iam.Carrot
  • 4,976
  • 2
  • 24
  • 71
1
vote
0 answers

Ionic 2 on-drag

I have a little open source library of components that work with touch gestures made using ionic on-drag, on-drag-start, on-drag-end directives (because they work on mobile). Now i'm trying to port it to angular 2. But i can't find how to do that…
Spike886
  • 609
  • 8
  • 23
1
vote
1 answer

FullCalendar Remove External Event by ID

I am using FullCalendar and jQuery UI to drag "Days Off" onto my calendar as background events. Since you cannot click on background events in FullCalendar, I am creating a list with my days off and a "Remove" button next to them with the event id…
Aaron Adrian
  • 521
  • 3
  • 12
1
vote
1 answer

jquery-ui: immediate draggable on mousedown

Working with jQuery-UI, it is possible to make an element draggable by applying .draggable() method on mousedown event. And then drag it on another mouse press (and drag). Is it possible to make element draggable and start dragging immediately by…
Andrey
  • 95
  • 10
1
vote
1 answer

Jquery columns draggable tree div

I have a problem and I want to do that can move 3 div (more later) to move in the X axis min and max have a position relative to the container. Initially works well but when you start moving the separators several times begins the problem, does not…
Lenin Zapata
  • 1,417
  • 1
  • 11
  • 14
1
vote
1 answer

C# Move Panel inside Form

I would like to make certain panels within my Form draggable/movable. I have integrated: public const int WM_NCLBUTTONDOWN = 0xA1; public const int HT_CAPTION = 0x2; [DllImportAttribute("user32.dll")] public static extern int…
user6871013
1 2 3
…
99 100