Questions tagged [drag-and-drop]

1

votes
2

answer
27

Views

How to remove the text of sortable area when item is dropped on it?

I have the following code to perform sorting and drag and drop of the element. Here I am unable to remove 'Drag and drop link here.' from following div when item is dropped. Drag and drop link here. When I run stop: function(event, ui) { var item = $(ui.item); if ($sender !== '') { if ($(this).te...
Kiran Shahi
0

votes
0

answer
43

Views

Gridstack: Dragging widget from one grid into another, nested one

I am trying to create this behavior and not sure whether Gridstack supports it or not. I have 3 Gridstack grids: Grid1, Grid2, and Grid3. Grid1 is a standalone grid and Grid3 is nested inside Grid2. I need to be able to drag widgets from Grid1 both into Grid2 (outer grid) and into Grid3 (nested gr...
Yuriy Galanter
1

votes
2

answer
3.8k

Views

Can an input (type=text) be a jQuery droppable?

I am trying out jQuery-UI drag-drop feature. I was able to easily convert a div into a droppable but making a text box a Droppable doesn't work. jQuery('input[type=text]:visible').droppable({ drop: function (e, ui){ console.log('dropping',ui); //--> this never gets called jQuery(this).val(jQuery(ui....
Pradyumna
1

votes
0

answer
142

Views

ng-drag-drop unable to drop to the required div

I am trying ng-drap-drop plugin https://www.npmjs.com/package/ng-drag-drop in angular 4 application. HTML Code Purchase Typex Cost Centerx Categoryx Field 1x Field 2x Field 3x Field 4x Controlling Fields   Drag and Drop app.module.ts import { NgDragDropModule } from 'ng-drag-drop'; imports: [ NgDra...
Nikita Dhiman
1

votes
0

answer
47

Views

Drag and drop in IE10, 11

I am checking out an example on drag and drop in React and I found really great npm modules in the site. Also I found an example drag and drop which after make a changes like e.dataTransfer.setData('text/html', this.dragged); to e.dataTransfer.setData('text', this.dragged.outerHTML); Code is workin...
G_S
1

votes
0

answer
97

Views

TinyMCE draggable templates

I am using TinyMCE version 4. I also have a couple of html templates defined in my web project. Now, I would like to make those templates draggable within textarea, so I would like to keep the style of the template and be able to move drag-and-drop/move it. Does anybody know if it is achievable by u...
adam.bielasty
1

votes
0

answer
37

Views

How to drag an element on few cells of the grid

My task is to make ship image dragged and dropped on the grid to occupy few cells, however I stil have only accomplished drag and drop to one cell. I tried to add droppable='true' and ondragover='allowDrop(event)' to every cell but it gave the same result. Can you please help me make it drop on mul...
Nikita Andreev
1

votes
0

answer
2.1k

Views

Drag and drop files onto a Tkinter Gui

Assumption: I'm using Python 3.6 and I'm working on Windows 10 Is possible to create a GUI with tkinter in which dragging a file in the window it returns the path of the file? If with tkinter it's not possible, is there another solution that can solve the problem without installing additional libra...
Luca
1

votes
0

answer
429

Views

Sort the list while dragging and dropping in angular 5

I am using ng-drag-drop for dragging and dropping the list from one div to another. I want to rearrange the list if the drag and drop occur within the div. Below is my code. is there any library of the same? I have tried sortablejs but no luck and I'm using angular 5 Please suggest Can primeng all...
Ayushi Tomar
1

votes
0

answer
97

Views

Angular dnd-allowed-types doesn't allow drag and drop

I have this HTML. In this state it will not allow me to drag elements into it. {{tab.label}} ({{tab.type}}) If I remove dnd-allowed-types='['tab']' it will allow me to drag elements. I've tried changing the dnd-type to be 'tab' and it still doesn't work. Can anyone see what I'm doing wrong?
Shoreline
1

votes
0

answer
39

Views

How to make an draggable element look like “moved out” when being dragged?

I tried to create a navbar with draggable item. It works, but there seems no move effect (the ghost effect) in spite of adding the 'effectAllowed' property. How can I achieve that? class Sortable { constructor(el) { this.rootEl = el; this.onInit(); } onInit() { // add draggable attribute = tru...
vuquanghoang
1

votes
0

answer
307

Views

ng2-dragula sort multiple items

I have developed an angular5 application using the ng2-dragula. In which user can drag and drop questions from question container to myfavourite-container. He can drag and change the sort order of myfavourite-container.It is working properly in my application. My use case is to sort multiple items s...
Rosa Mystica
1

votes
1

answer
234

Views

Dragging li outside of ul not visible

I have a scrollable ul and I want to be able to choose an element from the left list and drop it somewhere outside the ul, DROP HERE however when I drag an li outside of ul it is not visible (and also not visible when I drop it over the yellow area) - see JSFiddle https://jsfiddle.net/vehmt5x9/1/...
G. Andreea
1

votes
1

answer
449

Views

How to drag and drop content with react?

I need to render the content from this div: File Reader File Move Data Base SAP R3 FTP SOAP Rest Merge Filter Transform Into a Drag and Drop, i tried a lot of examples but nothing seems to work. Here is my code right now : import React, { Component } from 'react'; import PropTypes from 'prop-types'...
Lucio Zenir
1

votes
1

answer
217

Views

Pure javascript and css splitter code using drag and drop, cursor issue

Im trying to set the cursor abover my drop panel, but i got a flicker effect. How i set the cursor for my example work ? I try a lot of things to do this work. Im using this code but i want to improve the visual of drag and drop. I tried other events to make this sample work with right cursor and no...
1

votes
0

answer
87

Views

How to delete a FormData Object

Basically what I am trying to do is submit a drag and drop formdata object through an Ajax call. However if I drag and drop a file, then press submit. Then drag and drop ANOTHER file, the old formdata object still exists and attempts to get passed. I get an error in the console (right now its a 403...
A. Hill
1

votes
0

answer
302

Views

React unzip from dropZone

I want to drag n drop and upload a zip file and then unzip that file in a specific folder and if that folder doesnt exist should create it. I have used react DropZone and im at this stage so far. Any ideas how do i proceed with accepting only zip files and upload to a certain folder? import React, {...
Makis Kahrimanidis
1

votes
0

answer
384

Views

IE11 drop plain text into contenteditable div

I have a div that is contenteditable but I don't want to allow users to paste or drop formatted content into the div as this will - very likely - break the layout of the page. The question how to handle HTML content that is pasted into such a div has already been raised several times and I was able...
dpr
1

votes
0

answer
68

Views

JsPlumb - drop Icon with Endpoints on already existing Connector line

The desired behaviour is that on drop on connector - we want to have this icon connected with Endpoints of others two Icons. I don't think that there is a build solution for such behaviour in jsPlumb, but maybe I'm wrong. I see oportunity to make it programically. At first I thought about mouseup ev...
Michał Lis
1

votes
0

answer
122

Views

R Shiny use Sortable List (with Sortable.js) in dynamic renderUI enviroment

Based on the answer of this question I tried to implement this kind of sortable list in a dynamic renderUI enviroment: library(shiny) library(htmlwidgets) library(shinydashboard) library(stringi) sortableList
Fideldue
1

votes
1

answer
1.1k

Views

Vue.Draggable for tables with more than one tbody

I have table with difficult structure. The real structure of my table is much more difficult. I try to show it by a simple example. id name 1 1 1 1 1 1 I use vuejs, and I need to have sortable table (I use vuedraggable component https://github.com/SortableJS/Vue.Draggable). I have item component wit...
Larionov Nikita
1

votes
0

answer
36

Views

I can't able to store updated arraylist after drag and drop recyclerView

Basically, I'm trying to do drag and drop on recyclerview and its works. import android.content.Context; import android.content.Intent; import android.content.SharedPreferences; import android.support.v7.widget.RecyclerView; import android.view.LayoutInflater; import android.view.View; import andro...
user9293843
1

votes
1

answer
145

Views

WPF DragLeave event coordinates not accurate

I want to show a drag control (DataView) when the DragEnter event occurs and hide it when the DragLeave event fires. Since I also have children in the control, the leave event also fires when entering the child control. So I decided to only hide the control when the control receives a DragLeave even...
msedi
1

votes
1

answer
60

Views

How to implement a 'dynamic' drag and drop (like iOS/Android)?

I would like to implement a 'dynamic' drag and drop in a list. By 'dynamic' I mean that in the list in which the drag is happening, there's an empty space below the dragged element which 'follows it' as you drag through the list (to make it visually obvious where the dropped element will end up in t...
user1246562
1

votes
1

answer
429

Views

set image src after drag and drop

I have a ul of li elements each with an img. I'm trying to drag the img to another ul. ..... Once I've dropped the img, I don't want to remove the img element and append to the new ul like the usual Drag and Drop. Instead I need the img element to remain. I then try and change the source of the imag...
Simon Edge
1

votes
0

answer
202

Views

Drag and drop from one tableView to another within same view

I'm creating an iPhone app, and I am trying to implement the ability to drag from one tableview to another. My view consists of a view controller with two tableViews positioned next to each other, and both of the tableViews display items of the same type. I've implemented drag and drop reordering wi...
tungsten
1

votes
1

answer
51

Views

Is it possible to enable touch events for a View inside a ViewGroup but outside its bounds?

I'm currently trying to design a ViewGroup (specifically a subclass of FrameLayout) that can layout any number of subviews and enable them for drag/drop outside the layout group. It's almost identical to a LinearLayout: Curently I am able to drag the views outside the ViewGroup and draw them, howeve...
Chad
1

votes
0

answer
475

Views

My drag and drop file upload is not working in IE and Microsoft Edge Browser

I have written a code which implements drag and drop functionality for file upload. This code is working fine in Google Chrome, Safari and Firefox but it is not working in Microsoft Edge and Internet Explorer.Whenever I try to drag the file,instead of adding the file in the , the file itself opens...
Rishav Jain
1

votes
1

answer
71

Views

Prevent drag and drop in SCEditor (MyBB) with Firefox

I have a MyBB forum which includes by default SCEditor as WYSIWYG editor. SCEditor is not designed for drag and drop, so with IE, Safari and Chrome, if you try to drag an image into the field, the entire page is replaced by the image (that's OK for me). But with Firefox the image fits in the field,...
Atarax
1

votes
0

answer
80

Views

NSFilePromiseReceiver returns NSURLErrorDomain -1001 “(null)” when receiving files

I've been working to update the performDragOperation method to use NSFilePromiseReceiver. However, any time I drag a file, the reader returns Error Domain=NSURLErrorDomain Code=-1001 '(null)' Here's the code: NSString *tempPath = [NSTemporaryDirectory() stringByAppendingPathComponent:[[NSUUID UUID]...
Drew
1

votes
0

answer
37

Views

html5, drag images and drop into right side of Div,images concatenate right-to-left

I want images concatenate right-to-left manner. in following code when i put images into another Div, they are right aligned (dropped image always come to most right).however not in the manner I want.the new image should always come on the left of previous image. please help! owww yes ,one should im...
tursunWali
1

votes
3

answer
503

Views

D3 'Drag' event fires even when mouse doesn't move

I've noticed that when I use d3.drag().on('drag',...), it fires even when the mouse is not moved. Using the code snippet below (which I pulled from this question), if I simply click and release I still see drag event 1 in the console. This is an issue because I want to be able to differentiate betw...
tgordon18
1

votes
0

answer
42

Views

swift drag drop tableviewcontroller

Before I've just used tableView.setEditing(true, animated: true) in order to make rows in tableView move. I used the code: override func tableView(_ tableView: UITableView, canMoveRowAt indexPath: IndexPath) -> Bool { return true } override func tableView(_ tableView: UITableView, moveRowAt sourceIn...
big
1

votes
0

answer
43

Views

How to fix the drag and drop using dev express in c# after fetching data and setting tag property

enter image description here namespace Implementer { public partial class MainForm : Form { #region intit and globals public MainForm() { InitializeComponent(); DevExpress.XtraGrid.Views.Grid.GridView gridView = new DevExpress.XtraGrid.Views.Grid.GridView(); var transactions = new ObservableCollect...
Mansour Amin
1

votes
1

answer
37

Views

iOS 11 Extracting filename when doing Drag and Drop PDF from Dropbox

I have implemented iOS 11 Drag and Drop to allow PDF files to be dragged into my App from Files on iPad. I have a DragDropFile class as follows: import Foundation import MobileCoreServices //Drag and drop PDF files class DragDropFile : NSObject, NSItemProviderReading { let fileData:Data? required i...
user3425784
1

votes
1

answer
87

Views

How to implement Drag and Drop using GWT with touch gesture

Need to implement drag and drop using GWT with gesture : Use case: like if we drag a panel with touch only its shadow image (or some grey box) start to drag from there with original panel being at its original location and we should be able to drop that shadow(or pseudo box) at desired droppable pan...
rohit singh
1

votes
0

answer
21

Views

animate a view after drag

This is the scenario: after that user select and drag view and released that view I want to dragged view goes back to where it was before. mDragHelper = ViewDragHelper.create(this, 1.0f, new ViewDragHelper.Callback() { float startX, startY,startTX,startTY; @Override public boolean tryCaptureVi...
max
1

votes
0

answer
55

Views

Initiate UITableView Drag Programmatically?

I have iOS 11 drag and drop setup on my UITableView and can freely reorder my cells as I please using UITableViewDragDelegate & UITableViewDropDelegate. I want to initiate a drag of multiple cells/objects upon holding a section header in my table. Is it possible?
Josh Kahane
1

votes
0

answer
278

Views

RecyclerView items can't handle drag events after notifyDataSetChanged()

I have simple RecyclerView (nothing other on screen) with simple items (simple View with fixed height). When long click on item triggered native drag event on RecyclerView called. Each item has dragListener that called and in example I able to change view background during drag shadow entered or e...
Pablo
1

votes
1

answer
187

Views

How can I move tableview section?

I am developing the application with swift. I stored the objection data named Categories. I've added the tableViewImage here and there is no problem here. I want to move the section of the tableview together with the cell, but it does not. The functions I wrote are below. Please help me.Thanks. func...
Sümeyye

View additional questions