{"id":2887,"date":"2019-03-25T17:41:41","date_gmt":"2019-03-25T20:41:41","guid":{"rendered":"http:\/\/xexeu.elipse.com.br\/pt\/using-draganddrop-in-e3\/"},"modified":"2019-10-03T13:14:59","modified_gmt":"2019-10-03T16:14:59","slug":"using-draganddrop-in-e3","status":"publish","type":"post","link":"https:\/\/kb.elipse.com.br\/en\/using-draganddrop-in-e3\/","title":{"rendered":"Using drag-and-drop in E3."},"content":{"rendered":"<div style=\"text-align: justify;\">\n<p>Although E3 does not have any specific event to handle this functionality with screen objects (graphical primitives, ActiveX, user&#8217;s XControls, etc.), this resource can be developed very easily. This article shows you how to implement the drag-and-drop resource to transfer data from one object to another.<\/p>\n<p><span style=\"font-weight: bold;\">Settings<\/span><\/p>\n<p>A drag-and-drop event can be broken down into three actions: continuous click, mouse movement, and end of click (when the object is at its final destination). Since E3 does not support drag-and-drop events, this task will comprise three different phases to create this event. To implement this resource, you will need to:<\/p>\n<ul>\n<li>Decide which screen objects are the starting point for the event.<\/li>\n<li>Set previously which properties will be transferred.<\/li>\n<li>Establish which objects will likely be used as destination.<\/li>\n<\/ul>\n<p><span style=\"font-weight: bold;\">Example<\/span>: at a menu with three video sources, there are two areas for exhibiting videos; any of them can show all sources options, and settings are made by the user logged on. In this case, it is possible to drag any video&#8217;s source and drop it at one of the two exhibition areas. As seen previously, the video options are the starting point, and the exhibition area is the destination. The properties to be transferred can be the name of the source, the number of the camera, or any other property that can display the video.<\/p>\n<p><span style=\"font-weight: bold;\">Events<\/span><\/p>\n<p>To implement the three phases of drag-and-drop event, you will need three different events from E3:<\/p>\n<ol>\n<li><span style=\"font-weight: bold;\">Clicking<\/span>: for this phase, use the source-object&#8217;s <span style=\"font-style: italic;\">MouseDown <\/span>event. At this event, you must capture (via scripts) all the desired properties and send them to internal tags, data objects (XObjects) developed to receive this data, etc.<\/li>\n<li><span style=\"font-weight: bold;\">Releasing the button<\/span>: at the destination-object, <span style=\"font-style: italic;\">MouseUp <\/span>event must make all desired properties receive the values captured at <span style=\"font-style: italic;\">Click <\/span>event.<\/li>\n<li><span style=\"font-weight: bold;\">Dragging<\/span>: to detect the arrival of the mouse to the destination-object, you must use <span style=\"font-style: italic;\">OnMouseOver <\/span>user event, created with the object&#8217;s <span style=\"font-style: italic;\">MouseOver <\/span>property (when TRUE). At this script, use <span style=\"font-style: italic;\">SetFocus()<\/span> method.<\/li>\n<\/ol>\n<p><span style=\"font-weight: bold;\">Final remarks<\/span><\/p>\n<p>After the three events have been assembled, with their respective scripts, just run the project and check its functionalities. Although some restrictions may occur with this method (for example, lack of support for MS-Forms), it will be enough for implementing this resource in a project.<\/p>\n<\/div>\n<h3>Attachments:<\/h3>\n<p><a href=\"\/wp-content\/uploads\/2019\/03\/Drag-N-drop.zip\">Drag N drop.zip<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Autor<br \/>\nPaulo Henrique Soares Maciel<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0},"categories":[757],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Using drag-and-drop in E3. - Elipse Knowledgebase<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kb.elipse.com.br\/en\/using-draganddrop-in-e3\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using drag-and-drop in E3.\" \/>\n<meta property=\"og:description\" content=\"Autor Paulo Henrique Soares Maciel\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kb.elipse.com.br\/en\/using-draganddrop-in-e3\/\" \/>\n<meta property=\"og:site_name\" content=\"Elipse Knowledgebase\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/elipsesoftware\" \/>\n<meta property=\"article:published_time\" content=\"2019-03-25T20:41:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-10-03T16:14:59+00:00\" \/>\n<meta name=\"author\" content=\"Elipse Software\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Elipse Software\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kb.elipse.com.br\/en\/using-draganddrop-in-e3\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kb.elipse.com.br\/en\/using-draganddrop-in-e3\/\"},\"author\":{\"name\":\"Elipse Software\",\"@id\":\"https:\/\/kb.elipse.com.br\/#\/schema\/person\/def69ea453ea60b250497b89225a9f87\"},\"headline\":\"Using drag-and-drop in E3.\",\"datePublished\":\"2019-03-25T20:41:41+00:00\",\"dateModified\":\"2019-10-03T16:14:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kb.elipse.com.br\/en\/using-draganddrop-in-e3\/\"},\"wordCount\":384,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kb.elipse.com.br\/#organization\"},\"articleSection\":[\"Other\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kb.elipse.com.br\/en\/using-draganddrop-in-e3\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kb.elipse.com.br\/en\/using-draganddrop-in-e3\/\",\"url\":\"https:\/\/kb.elipse.com.br\/en\/using-draganddrop-in-e3\/\",\"name\":\"[:pt]Using drag-and-drop in E3.[:] - Elipse Knowledgebase\",\"isPartOf\":{\"@id\":\"https:\/\/kb.elipse.com.br\/#website\"},\"datePublished\":\"2019-03-25T20:41:41+00:00\",\"dateModified\":\"2019-10-03T16:14:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/kb.elipse.com.br\/en\/using-draganddrop-in-e3\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kb.elipse.com.br\/en\/using-draganddrop-in-e3\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kb.elipse.com.br\/en\/using-draganddrop-in-e3\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/kb.elipse.com.br\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using drag-and-drop in E3.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kb.elipse.com.br\/#website\",\"url\":\"https:\/\/kb.elipse.com.br\/\",\"name\":\"Elipse Knowledgebase\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/kb.elipse.com.br\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kb.elipse.com.br\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kb.elipse.com.br\/#organization\",\"name\":\"Elipse Software\",\"url\":\"https:\/\/kb.elipse.com.br\/\",\"sameAs\":[\"http:\/\/www.facebook.com\/elipsesoftware\"],\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/kb.elipse.com.br\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kb.elipse.com.br\/wp-content\/uploads\/2019\/05\/schererelipse-com-br\/logoElipse.png\",\"contentUrl\":\"https:\/\/kb.elipse.com.br\/wp-content\/uploads\/2019\/05\/schererelipse-com-br\/logoElipse.png\",\"width\":161,\"height\":58,\"caption\":\"Elipse Software\"},\"image\":{\"@id\":\"https:\/\/kb.elipse.com.br\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/kb.elipse.com.br\/#\/schema\/person\/def69ea453ea60b250497b89225a9f87\",\"name\":\"Elipse Software\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/kb.elipse.com.br\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ff1f7ec38f4687b06f6851d97b3cd2d0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ff1f7ec38f4687b06f6851d97b3cd2d0?s=96&d=mm&r=g\",\"caption\":\"Elipse Software\"},\"url\":\"https:\/\/kb.elipse.com.br\/en\/author\/webmasterelipse-com-br\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Using drag-and-drop in E3. - Elipse Knowledgebase","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kb.elipse.com.br\/en\/using-draganddrop-in-e3\/","og_locale":"en_US","og_type":"article","og_title":"[:pt]Using drag-and-drop in E3.[:] - Elipse Knowledgebase","og_description":"[:pt]Autor Paulo Henrique Soares Maciel[:]","og_url":"https:\/\/kb.elipse.com.br\/en\/using-draganddrop-in-e3\/","og_site_name":"Elipse Knowledgebase","article_publisher":"http:\/\/www.facebook.com\/elipsesoftware","article_published_time":"2019-03-25T20:41:41+00:00","article_modified_time":"2019-10-03T16:14:59+00:00","author":"Elipse Software","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Elipse Software","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kb.elipse.com.br\/en\/using-draganddrop-in-e3\/#article","isPartOf":{"@id":"https:\/\/kb.elipse.com.br\/en\/using-draganddrop-in-e3\/"},"author":{"name":"Elipse Software","@id":"https:\/\/kb.elipse.com.br\/#\/schema\/person\/def69ea453ea60b250497b89225a9f87"},"headline":"Using drag-and-drop in E3.","datePublished":"2019-03-25T20:41:41+00:00","dateModified":"2019-10-03T16:14:59+00:00","mainEntityOfPage":{"@id":"https:\/\/kb.elipse.com.br\/en\/using-draganddrop-in-e3\/"},"wordCount":384,"commentCount":0,"publisher":{"@id":"https:\/\/kb.elipse.com.br\/#organization"},"articleSection":["Other"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kb.elipse.com.br\/en\/using-draganddrop-in-e3\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kb.elipse.com.br\/en\/using-draganddrop-in-e3\/","url":"https:\/\/kb.elipse.com.br\/en\/using-draganddrop-in-e3\/","name":"[:pt]Using drag-and-drop in E3.[:] - Elipse Knowledgebase","isPartOf":{"@id":"https:\/\/kb.elipse.com.br\/#website"},"datePublished":"2019-03-25T20:41:41+00:00","dateModified":"2019-10-03T16:14:59+00:00","breadcrumb":{"@id":"https:\/\/kb.elipse.com.br\/en\/using-draganddrop-in-e3\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kb.elipse.com.br\/en\/using-draganddrop-in-e3\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kb.elipse.com.br\/en\/using-draganddrop-in-e3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/kb.elipse.com.br\/en\/"},{"@type":"ListItem","position":2,"name":"Using drag-and-drop in E3."}]},{"@type":"WebSite","@id":"https:\/\/kb.elipse.com.br\/#website","url":"https:\/\/kb.elipse.com.br\/","name":"Elipse Knowledgebase","description":"","publisher":{"@id":"https:\/\/kb.elipse.com.br\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kb.elipse.com.br\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/kb.elipse.com.br\/#organization","name":"Elipse Software","url":"https:\/\/kb.elipse.com.br\/","sameAs":["http:\/\/www.facebook.com\/elipsesoftware"],"logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kb.elipse.com.br\/#\/schema\/logo\/image\/","url":"https:\/\/kb.elipse.com.br\/wp-content\/uploads\/2019\/05\/schererelipse-com-br\/logoElipse.png","contentUrl":"https:\/\/kb.elipse.com.br\/wp-content\/uploads\/2019\/05\/schererelipse-com-br\/logoElipse.png","width":161,"height":58,"caption":"Elipse Software"},"image":{"@id":"https:\/\/kb.elipse.com.br\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/kb.elipse.com.br\/#\/schema\/person\/def69ea453ea60b250497b89225a9f87","name":"Elipse Software","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kb.elipse.com.br\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ff1f7ec38f4687b06f6851d97b3cd2d0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ff1f7ec38f4687b06f6851d97b3cd2d0?s=96&d=mm&r=g","caption":"Elipse Software"},"url":"https:\/\/kb.elipse.com.br\/en\/author\/webmasterelipse-com-br\/"}]}},"_links":{"self":[{"href":"https:\/\/kb.elipse.com.br\/en\/wp-json\/wp\/v2\/posts\/2887"}],"collection":[{"href":"https:\/\/kb.elipse.com.br\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kb.elipse.com.br\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kb.elipse.com.br\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.elipse.com.br\/en\/wp-json\/wp\/v2\/comments?post=2887"}],"version-history":[{"count":1,"href":"https:\/\/kb.elipse.com.br\/en\/wp-json\/wp\/v2\/posts\/2887\/revisions"}],"predecessor-version":[{"id":5689,"href":"https:\/\/kb.elipse.com.br\/en\/wp-json\/wp\/v2\/posts\/2887\/revisions\/5689"}],"wp:attachment":[{"href":"https:\/\/kb.elipse.com.br\/en\/wp-json\/wp\/v2\/media?parent=2887"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kb.elipse.com.br\/en\/wp-json\/wp\/v2\/categories?post=2887"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kb.elipse.com.br\/en\/wp-json\/wp\/v2\/tags?post=2887"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}