# drag and drop

**URL:** <https://forum.servoy.com/t/drag-and-drop/1253>\
**Category:** Classic Servoy\
**Created:** [February 12, 2004, 10:40pm UTC](https://forum.servoy.com/t/drag-and-drop/1253 "2004-02-12T22:40:27Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Harjo](https://yyz2.discourse-cdn.com/flex010/user_avatar/forum.servoy.com/harjo/32/4873_2.png) [@Harjo](https://forum.servoy.com/u/Harjo)\
**Post date:** [February 12, 2004, 10:40pm UTC](https://forum.servoy.com/t/drag-and-drop/1253/1 "2004-02-12T22:40:27Z")

</div>

Is there any chance to build in, drag and drop in a way of items, like appointments etc..?  
or is there any plugin, bean or something to achieve something like this.

see an example:

---

<div class="post-metadata">

**Author:** ![Jan\_Blok](https://avatars.discourse-cdn.com/v4/letter/j/41988e/32.png) [@Jan\_Blok](https://forum.servoy.com/u/Jan_Blok)\
**Post date:** [February 12, 2004, 11:22pm UTC](https://forum.servoy.com/t/drag-and-drop/1253/2 "2004-02-12T23:22:48Z")

</div>

Several months ago we discussed the outlines for drag and drop support in Servoy.  
The idea is to create onDragStart (method type) property on fields (and maybe other elements) and create onDropComplete on fields elements.  
In this senario you could set a global with some data on the start and retrieve the data when complete (and act accordingly)

Let us know your ideas/suggestions.

---

<div class="post-metadata">

**Author:** ![IT2Be](https://avatars.discourse-cdn.com/v4/letter/i/dc4da7/32.png) [@IT2Be](https://forum.servoy.com/u/IT2Be)\
**Post date:** [February 13, 2004, 12:19am UTC](https://forum.servoy.com/t/drag-and-drop/1253/3 "2004-02-13T00:19:26Z")

</div>

Jan, I understand the first part of your suggestion. I don’t understand thought where/why that global comes in.

Do you mean that it is not possible to drag/drop to/from a field with a table.field attached as dataprovider?

---

<div class="post-metadata">

**Author:** ![ahmad](https://avatars.discourse-cdn.com/v4/letter/a/a4c791/32.png) [@ahmad](https://forum.servoy.com/u/ahmad)\
**Post date:** [February 13, 2004, 9:31am UTC](https://forum.servoy.com/t/drag-and-drop/1253/4 "2004-02-13T09:31:06Z")

</div>

> Jan Blok:  
> The idea is to create onDragStart (method type) property on fields (and maybe other elements) and create onDropComplete on fields elements.  
> In this senario you could set a global with some data on the start and retrieve the data when complete (and act accordingly)

long awaited for this feature.. we also should be able to get the name of the dragged element (field or button) like _getTriggeredElementName_ so that we can drop it on the right element based on the conditions

(for eg: if I dragged element A I want to drop it only on the element C not on B)

---

<div class="post-metadata">

**Author:** ![Jan\_Blok](https://avatars.discourse-cdn.com/v4/letter/j/41988e/32.png) [@Jan\_Blok](https://forum.servoy.com/u/Jan_Blok)\
**Post date:** [February 13, 2004, 9:31am UTC](https://forum.servoy.com/t/drag-and-drop/1253/5 "2004-02-13T09:31:37Z")

</div>

Normally on drag and drop there is actually an object attached to the cursor and moved, since thats to complicated in Servoy and not needed,  
you specify somewhere (for example in a global) about what the cursor is dragging and get this data yourselfs when dropped.  
(the only disadvantige of this approach is that you can not start a drag in Servoy and drop outside Servoy)

---

<div class="post-metadata">

**Author:** ![Jan\_Blok](https://avatars.discourse-cdn.com/v4/letter/j/41988e/32.png) [@Jan\_Blok](https://forum.servoy.com/u/Jan_Blok)\
**Post date:** [February 13, 2004, 9:34am UTC](https://forum.servoy.com/t/drag-and-drop/1253/6 "2004-02-13T09:34:36Z")

</div>

> ahmad:  
> .. we also should be able to get the name of the dragged element (field or button)

Well you can store the name of the element in a global (in what we propose) and get it out when dropped

---

<div class="post-metadata">

**Author:** ![Harjo](https://yyz2.discourse-cdn.com/flex010/user_avatar/forum.servoy.com/harjo/32/4873_2.png) [@Harjo](https://forum.servoy.com/u/Harjo)\
**Post date:** [February 16, 2004, 5:49pm UTC](https://forum.servoy.com/t/drag-and-drop/1253/7 "2004-02-16T17:49:44Z")

</div>

Jan if I understood you right,

visually drag and drop of an element (like you can in the upper example)on some kind of timeline, is not possible in Servoy?

---

<div class="post-metadata">

**Author:** ![Jan\_Blok](https://avatars.discourse-cdn.com/v4/letter/j/41988e/32.png) [@Jan\_Blok](https://forum.servoy.com/u/Jan_Blok)\
**Post date:** [February 17, 2004, 8:02am UTC](https://forum.servoy.com/t/drag-and-drop/1253/8 "2004-02-17T08:02:13Z")

</div>

How whould you define such a timeline ? buttons?lablels? fields?

---

<div class="post-metadata">

**Author:** ![Harjo](https://yyz2.discourse-cdn.com/flex010/user_avatar/forum.servoy.com/harjo/32/4873_2.png) [@Harjo](https://forum.servoy.com/u/Harjo)\
**Post date:** [February 17, 2004, 8:18am UTC](https://forum.servoy.com/t/drag-and-drop/1253/9 "2004-02-17T08:18:28Z")

</div>

maybe a new element: timeline

where you can define, size of the timeline, size of portions, the starttime and endtime and the portions between the sections-lines: like: 0:15 or 0:30 or 1:00

and the possibility to connect them (by a relation) to a date?

I am just thinking ![:!:]( "Exclamation")  
Or maybe you have some other (splendid! ![8)]( "Cool") ) idea? ![:idea:]( "Idea")

---

<div class="post-metadata">

**Author:** ![Karel\_Broer](https://avatars.discourse-cdn.com/v4/letter/k/bcef8e/32.png) [@Karel\_Broer](https://forum.servoy.com/u/Karel_Broer)\
**Post date:** [August 16, 2005, 6:59pm UTC](https://forum.servoy.com/t/drag-and-drop/1253/10 "2005-08-16T18:59:15Z")

</div>

I noticed this post and was wondering if there was some news yet about being able to use drag and drop within Servoy ![:?:]( "Question")

---

<div class="post-metadata">

**Author:** ![Jan\_Blok](https://avatars.discourse-cdn.com/v4/letter/j/41988e/32.png) [@Jan\_Blok](https://forum.servoy.com/u/Jan_Blok)\
**Post date:** [August 16, 2005, 7:23pm UTC](https://forum.servoy.com/t/drag-and-drop/1253/11 "2005-08-16T19:23:29Z")

</div>

DnD is planned for Servoy 3.0 from which a first beta will be shown on Servoy world

---

<div class="post-metadata">

**Author:** ![Karel\_Broer](https://avatars.discourse-cdn.com/v4/letter/k/bcef8e/32.png) [@Karel\_Broer](https://forum.servoy.com/u/Karel_Broer)\
**Post date:** [August 16, 2005, 7:27pm UTC](https://forum.servoy.com/t/drag-and-drop/1253/12 "2005-08-16T19:27:54Z")

</div>

> Jan Blok:  
> DnD is planned for Servoy 3.0 from which a first beta will be shown on Servoy world

That’s great news, Jan! Thanks for the update!

---

<div class="post-metadata">

**Author:** ![ebrandt](https://avatars.discourse-cdn.com/v4/letter/e/96bed5/32.png) [@ebrandt](https://forum.servoy.com/u/ebrandt)\
**Post date:** [August 17, 2005, 12:21pm UTC](https://forum.servoy.com/t/drag-and-drop/1253/13 "2005-08-17T12:21:16Z")

</div>

I at one time was working within a development enviroment, where you could use flow charts to design work flow logic within a solution. My brother works for a company that was developing this java based model. They decided to focus their efforts on other markets using different tools though.

It would be an interesting addition to Servoy. [http://www.invisiondev.com/](http://www.invisiondev.com/)

---

<div class="post-metadata">

**Author:** ![Jan\_Blok](https://avatars.discourse-cdn.com/v4/letter/j/41988e/32.png) [@Jan\_Blok](https://forum.servoy.com/u/Jan_Blok)\
**Post date:** [August 18, 2005, 8:55am UTC](https://forum.servoy.com/t/drag-and-drop/1253/14 "2005-08-18T08:55:13Z")

</div>

any deeplinks,screenshots?

---

<div class="post-metadata">

**Author:** ![ebrandt](https://avatars.discourse-cdn.com/v4/letter/e/96bed5/32.png) [@ebrandt](https://forum.servoy.com/u/ebrandt)\
**Post date:** [August 18, 2005, 11:46am UTC](https://forum.servoy.com/t/drag-and-drop/1253/15 "2005-08-18T11:46:10Z")

</div>

I believe I still have the content managemant, and workflow servers.There are a total of 5 servers and 2 repositories You will have to have visio and tomcat installed on your machine. Let me talk with him, and see if its ok to send you the development enviorment.

---

<div class="post-metadata">

**Author:** ![coan](https://avatars.discourse-cdn.com/v4/letter/c/50afbb/32.png) [@coan](https://forum.servoy.com/u/coan)\
**Post date:** [June 28, 2007, 9:48pm UTC](https://forum.servoy.com/t/drag-and-drop/1253/16 "2007-06-28T21:48:17Z")

</div>

I was just blown away by AJAX possibilities:  
[http://www.smartclient.com/](http://www.smartclient.com/)  
Waaw, if this is what we can expect from Servoy 4.0 or 4.5, …  
Cool guys, just do it! (hint, hint)

=)  
Koen

---

<div class="post-metadata">

**Author:** ![kazar](https://avatars.discourse-cdn.com/v4/letter/k/3be4f8/32.png) [@kazar](https://forum.servoy.com/u/kazar)\
**Post date:** [July 7, 2007, 12:21am UTC](https://forum.servoy.com/t/drag-and-drop/1253/17 "2007-07-07T00:21:34Z")

</div>

Over recent weeks/months I have also found myself wishing for d-n-d in Servoy’s Smart Client UI. Just yesterday, I discovered that one is now able to drag-n-drop items in one’s Netflix queue and it all runs on a (huge) javascript.

Would this script work within Smart Client 3.x? 4?

[http://www.netflix.com/layout/jscript/q … s?v=135877](http://www.netflix.com/layout/jscript/q_dragdrop.js?v=135877)

More and more I am finding reasons to enable end-users to change the order of things on their screen by dragging them around. Asking them to type in a “new sort order number” and triggering an onFocusLost re-ordering method is just so, well, so '90s.

![:-)]( "Smile")

kazar

---

<div class="post-metadata">

**Author:** ![jcompagner](https://yyz2.discourse-cdn.com/flex010/user_avatar/forum.servoy.com/jcompagner/32/4889_2.png) [@jcompagner](https://forum.servoy.com/u/jcompagner)\
**Post date:** [July 9, 2007, 12:31pm UTC](https://forum.servoy.com/t/drag-and-drop/1253/18 "2007-07-09T12:31:39Z")

</div>

in servoy 3.5 you can integrate 3th party javascript libs by using a html text area where you have your javascripts includes (that must then resides on the server)

// javascript libs // custom html using the above js libs.

---

<div class="post-metadata">

**Author:** ![kazar](https://avatars.discourse-cdn.com/v4/letter/k/3be4f8/32.png) [@kazar](https://forum.servoy.com/u/kazar)\
**Post date:** [July 9, 2007, 3:30pm UTC](https://forum.servoy.com/t/drag-and-drop/1253/19 "2007-07-09T15:30:34Z")

</div>

> jcompagner:  
> in servoy 3.5 you can integrate 3th party javascript libs by using a html text area where you have your javascripts includes

most excellent!

kazar

---

<div class="post-metadata">

**Author:** ![patrick](https://avatars.discourse-cdn.com/v4/letter/p/b2d939/32.png) [@patrick](https://forum.servoy.com/u/patrick)\
**Post date:** [October 22, 2007, 11:58am UTC](https://forum.servoy.com/t/drag-and-drop/1253/20 "2007-10-22T11:58:42Z")

</div>

Drag and Drop is now doable between two tables with the new version of the Table-Bean: [http://forum.servoy.com/viewtopic.php?t=9364&highlight=](http://forum.servoy.com/viewtopic.php?t=9364&highlight=)
