Drag and Drop functionality for SVG charts.

Has anyone been able to get a drag and drop functionality with charts?
I've read where Vikas was able to accomplish this with reports, but, unfortunately, it was an old post and his example is no longer available.
I understand that this is more on the browser/presentation layer rather than the back-end, but, judging from the replies from the mainstays in this forum along similar lines, I'm hoping someone may have accomplished this already.
I'm trying to get this to work for a "dashboard" type application I'm trying to prove out using HTMLDB.
Your responses are appreciated.
Thanks

Hello,
I've done drag and drop using the Adobe SVG Viewer before in a whiteboard application built on top of ... you guessed it... Apex. Unfortunately I do not have an example I can share with you but I know it can be done because I did it, trust me ;) . I am planning on building out that application as an application anybody can download and use but unfortually it will be bit.
Your best bet at the moment is looking on google http://www.google.com/search?q=svg+drag+and+drop there are quite a few examples.
Oh also look at this file in the images directory /images/javascript/svg_js_includes/svg_common/oracle.svgNodes.js it has quite a few helper functions and that file is included in every chart by default so there are functions you can use, (no drag and drop unfortunalty)
If you have can lock down the users in your environment to use only Firefox or Safari you can look at canvas as well it's pretty handy and can do alot of the same stuff
http://developer.mozilla.org/en/docs/Drawing_Graphics_with_Canvas
and of course some simple examples in Apex
http://apex.oracle.com/pls/otn/f?p=11933:78 (it runs on keypress in the textarea I use it to mess with Canvas constructs)
Carl
Message was edited by:
Carl Backstrom

Similar Messages

  • Does SAP ECL viewer has drag and drop functionality...

    Hi,
    Does ECL viewer has drag and drop functionality for example we can drag and drop file from windows sever to SAP. So that it can be used later on using BDN.
    Thanks.
    Regards,
    Rajesh.

    Implement this program,  it is a cut/paste solution.  Again, you must have the ECL component installed on your SAPgui.
    report zrich_0001 .
    parameters: p_check type c.
    start-of-selection.
    at selection-screen output.
      data: dockingleft   type ref to cl_gui_docking_container,
            dockingright  type ref to cl_gui_docking_container,
            ecl_viewer   type ref to cl_gui_ecl_2dviewer,
            html_viewer  type ref to cl_gui_html_viewer.
      data: repid type syrepid.
      data: url(2048) value 'c:'.
      repid = sy-repid.
      check dockingleft is initial.
      create object dockingleft
                  exporting repid     = repid
                            dynnr     = sy-dynnr
                            side      = dockingleft->dock_at_left
                            ratio     = 50
                            extension = 1000.
      create object html_viewer
           exporting
                parent    = dockingleft.
      call method html_viewer->show_url
           exporting
                url       = url.
      check dockingright is initial.
      create object dockingright
                  exporting repid     = repid
                            dynnr     = sy-dynnr
                            side      = dockingright->dock_at_right
                            ratio     = 50
                            extension = 1000.
      create object ecl_viewer
          exporting
             parent             = dockingright
          exceptions
             cntl_error         = 1
             cntl_system_error  = 2
             create_error       = 3
             lifetime_error     = 4
             others             = 5.
         call method ecl_viewer->create_toolbar
            exporting
                close_button      = ' '
                tools             = 'X'
                viewer            = 'X'
                navigation        = 'X'
                options           = 'X'
                viewer_openfile   = 'X'
                viewer_savefile   = 'X'
                tool_measurement  = 'X'
                remove_document   = ' '
            exceptions
                cntl_system_error = 1
                cntl_error        = 2
                cntb_btype_error  = 3
                dp_error          = 4 .
    Now drap a PDF file from the left container, and drop in the right side.  Slick, right?
    The ECL doesn't handle every file type,  but PDF works good.
    Regards,
    Rich Heilman

  • Records Management - Drag and drop functionality

    Hi,
    I'm trying to find out how it is possible to limit 'drag and drop' functionality for nodes. For example, let's say we have model nodes A and B with all element types assigned and visible for all roles. I want to be able to automatically store documents in both A and B nodes but not to be able to drag and drop documents from node A to node B.
    Does anyone have idea if/how this is possible?
    Many thanks in advance!
    Tijana

    Hai,
    To restrict the drag and drop functionality, please check the function module SRM_REC_UPDATE_NODE_DESC. I havenu2019t implemented this but I guess this would help you.
    Regards
    Keerthika

  • Help on drag and drop function

    Hi guys,
    I have a problem creating a drag and drop function for a certain task. The task is as stated below:
    1. Create a VI that enables a user to drag and drop multiple image files into it.
    2. I was thinking of storing all the file names into an array of file names
    3. VI will then convert the image format into an array of 1024 by 768 binary numbers.
    Task number 3 I have already done but I'm struggling with this drag and drop function (Task 1 and 2) and I have read a couple of entries regarding drag and drop function but none fits my specifications.
    In the meantime I can only allow 1 file to be opened by a user at a time and it is quite frustrating if the user has to open like 10 files. He will need to navigate to the folder, select the file, click ok and repeat this for 10 times.
    Hence, I need your help to guide me to create a drag and drop function that allows me to open a file and select all the images 1 want at 1 time.
    Further information: I am using IMAQ to do the image processing.
    Thanks in advance.
    From
    Ridwan

    The Gtoolbox has sourcecode for this.
    Ton
    Free Code Capture Tool! Version 2.1.3 with comments, web-upload, back-save and snippets!
    Nederlandse LabVIEW user groep www.lvug.nl
    My LabVIEW Ideas
    LabVIEW, programming like it should be!

  • Unable to use "drag and drop function" from outlook

    We are changing from Lotus to outlook and this has made a problem with getting pdf-files into OAWD directly .
    Procedure was like this in Lotus
    1. We get documents (FI, F-43, aso ) by email
    2. We use OAWD function "drag and drop" , document is attached to a document type and workflow is triggered
    3. We pick up documents from Business workplace , handle the document and send it to the approver (who earlier got it directly in their mailbox "lotus")
    so far so good , everything worked well
    Unfortunately we changed to outlook, non attached files can be "drag and dropped" into OAWD (I understand the part about outlook is showing links instead of "real" pdf and know this is part of the problem)
    My question, it can not be possible that we have to manually save the documents/attached files from outlook into "desktop" to later use the drag and drop function?
    I have read about the programms to solve problem , ex "inPuncto", but our experts says there will be problem with connector to workflow from OAWD.
    I have my greatest doubts about that because this must be really two diffrent moduls, one for converting from outlook and the other must be unchange (undependent of the earlier procedure). SAP can not know from what program the documents will be dragged? 
    Suggestion about some OAWD-adaptor ?
    Any suggestions about great solutions ?

    it seems there is no way.
    See note 1797073
    Is there someone with a better solution?

  • Captivate Drag and Drop Functionality

    Please could someone confirm when Captivate will ship with drag and drop functionality as standard rather than as an extension only available to subscription or ASA users?
    Thanks.

    Adobe doesn't usually give any advance confirmation dates for when they will ship a new product version or patch.

  • Drag and Drop Function Stopped Working

    So I may just be dense, but my drag and drop function isn't working anymore. I've been searching the internet for anything that might help, and I've tried all the solutions that I've seen. No luck though. This is a really annoying problem and if anyone has suggestions I'd love to have some help. Thanks!!

    So those ideas on the other thread didn't help. I think if I reinstalled leopard it may fix it, but the problem there is I don't have the disk at school with me. Having no foresight ruins things.
    Would that be the only option or does anyone have other thoughts?

  • Drag and Drop Functionality within the SAP Portal

    Does anyone know if SAP Netweaver Portal 6.0 sp18 supports drag and drop technology.  A good comparison would be Google where a user can drag iViews around and place them where they would like.
    We are trying to build something similar to Google Gadgets with iViews and we would like our users to be able to add, remove, drag, and drop them in the Portal.
    Has anyone done something similar to where I would be able to leverage them for further questions.
    Any help is greatly appreciated.  Thank you.
    Jason

    Hi
    Were you able to find away of using the drag and drop functionality?
    I am wanting to use a similar functionality to Yahoo where people can just drag the iViews they want into the page and saving their personalised settings.  I am unable to find information as to what Portal release supports this functionality and how it works.  Would you be able to help?
    Many thanks
    Jag

  • How to use the palette or drag and drop functions in netbean?

    Is there anyone who can help me out on using drag and drop function in netbean to design GUI inteface..??
    Is palette is the tool that can be used to drag and drop.??
    thank you in advance.

    I actually really like the GUI builder in netbeans. I used to be a big eclipse user so I am very familiar with coding GUIs by hand, and most of what I do involves GUI's or at least swing.
    At first I hated netbeans, I hated that I couldn't edit the code most. Then I decided to take a deep breath and really examine the issue. What I discovered is that most of the edits I wanted to make but couldn't really weren't the right way to be doing it in the first place, for the rest the code is actually really easy to change you just have to know how.
    Now my palette is huge, probably about 250 objects in it organized into sections that work for me. Basically if I want a object to do something that is not already in the palette I simply write a new object and add it to the palette. I started small like with rounded buttons/progress bars, and as I got comfortable I now have some fairly advanced objects like grids, isometric grids, alpha composits, an animated hourglass countdown timer, and an animated "loading/activity" indicator that is not tied to a progress indicator.
    The main reason I stuck with the netbeans drag and drop GUI builder is it's layout manager is really a very nice layout manager, you couldn't pay me enough to go back to eclipse or codeing GUIs by hand, as I can now do in one day what used to take me several weeks.
    So what I am saying is stick with netbeans and the drag and drop, it sucks at first, but once you get to a point where you are comfortable with it and adding to the palette it will become a great tool.
    JSG

  • Xul drag and drop function doesn't work Firefox 17 ESR but works in Firefox 10 ESR

    I am having a problem with a xul drag and drop function designed for selenium rc and selenium IDE. It works in Firefox 10 ESR but does not work in Firefox 17 ESR.
    the code used for the draganddrop function is added below:
    Selenium.prototype.doXulDragAndDropToObject = function(locatorStartElement, locatorEndElement) {
    var startElement = this.page().findElement(locatorStartElement);
    if (startElement.wrappedJSObject) {
    startElement = startElement.wrappedJSObject;
    var endElement = this.page().findElement(locatorEndElement);
    if (endElement.wrappedJSObject) {
    endElement = endElement.wrappedJSObject;
    var dropValue;
    var startTreerow = getAncestorsByTagName(startElement, 'treerow')[0];
    var treeCells = startTreerow.children;
    for(var i=0; i<treeCells.length; i++) {
    var val = treeCells[i].getAttribute('value');
    if(val) {
    dropValue = JSON.parse(val);
    if(dropValue) {
    endElement.drop(dropValue);
    The is the error message I received when the draganddrop fails in FireFox 17 ESR:
    [error] Unexpected Exception: message -> An attempt was made to use an object that is not, or is no longer, usable, code -> 11, INDEX_SIZE_ERR -> 1, DOMSTRING_SIZE_ERR -> 2, HIERARCHY_REQUEST_ERR -> 3, WRONG_DOCUMENT_ERR -> 4, INVALID_CHARACTER_ERR -> 5, NO_DATA_ALLOWED_ERR -> 6, NO_MODIFICATION_ALLOWED_ERR -> 7, NOT_FOUND_ERR -> 8, NOT_SUPPORTED_ERR -> 9, INUSE_ATTRIBUTE_ERR -> 10, INVALID_STATE_ERR -> 11, SYNTAX_ERR -> 12, INVALID_MODIFICATION_ERR -> 13, NAMESPACE_ERR -> 14, INVALID_ACCESS_ERR -> 15, VALIDATION_ERR -> 16, TYPE_MISMATCH_ERR -> 17, SECURITY_ERR -> 18, NETWORK_ERR -> 19, ABORT_ERR -> 20, URL_MISMATCH_ERR -> 21, QUOTA_EXCEEDED_ERR -> 22, TIMEOUT_ERR -> 23, INVALID_NODE_TYPE_ERR -> 24, DATA_CLONE_ERR -> 25, result -> 2152923147, name -> InvalidStateError, filename -> chrome://selenium-ide/content/selenium-core/scripts/htmlutils.js, lineNumber -> 1183, columnNumber -> 0, location -> JS frame :: chrome://selenium-ide/content/selenium-core/scripts/htmlutils.js :: :: line 1183, inner -> null, data -> null
    firefox selenium-rc selenium-ide

    hello, your question conatins a few issues...
    *if you want to use the regular release version (firefox 18.0.2 at the moment) and not a beta version, then please download the setup file from getfirefox.com & install it on top of your current installation
    *when there is a folder named "old firefox data" on your desktop, then you've done a [[Reset Firefox – easily fix most problems|reset of firefox]] which had reset most of your preferences to the factory default & removed all extensions. if you want to revert that, go to ''firefox > help > troubleshooting information'' and click on ''profile folder/show folder''. a windows explorer window should open up. now close all open firefox windows and replace all the contents of your current profile folder with the data that is stored inside the "old firefox data" folder on your desktop.
    *the plugin check website isn't working at the moment - so the problem you're seeing here isn't on your end. hopefully this will be fixed soon on the server-side...

  • Adding drag and drop functionality to a hbox with a repeater?

    hello,
    I've been searching on how to add drag and drop functionality
    to an hbox. You're probably thinking "just use a tilelist", and
    that's what i'm currently using, but the tilelist cannot align
    items to the center, which is crucial in my application (if you
    need me to explain further i will, but i don't think it's relevant
    here).
    So i need drag and drop on an Hbox. The repeater is necessary
    because the hbox may need to be populated with items initially,
    which can later be dragged and dropped either in itself (to
    re-arrange items) or into another hbox of this kind. For the past
    few hours I've been trying to find anything that can even hint at
    this type of functionality (i've been searching and experimenting
    for hours). If anyone can point me in the right direction, i'd
    appreciate it. Thank you very much. -b

    "bmilesp" <[email protected]> wrote in
    message
    news:gnd5c7$jas$[email protected]..
    > hello,
    >
    > I've been searching on how to add drag and drop
    functionality to an hbox.
    > You're probably thinking "just use a tilelist", and
    that's what i'm
    > currently
    > using, but the tilelist cannot align items to the
    center, which is crucial
    > in
    > my application (if you need me to explain further i
    will, but i don't
    > think
    > it's relevant here).
    Sure it can.
    > So i need drag and drop on an Hbox. The repeater is
    necessary because the
    > hbox
    > may need to be populated with items initially, which can
    later be dragged
    > and
    > dropped either in itself (to re-arrange items) or into
    another hbox of
    > this
    > kind. For the past few hours I've been trying to find
    anything that can
    > even
    > hint at this type of functionality (i've been searching
    and experimenting
    > for
    > hours). If anyone can point me in the right direction,
    i'd appreciate it.
    > Thank
    > you very much. -b
    http://www.quilix.com/node/3

  • HT4061 Drag and drop function in Windows 8 doesn't work with iTunes.

    How to import music files from Windows 8 to iTunes 11.0.3 x64? Drag and drop function doesn't work. Thank you!

    > Straight drag and drop to PS produced a warning message so, when I then tried to drag on to the PS task bar button, I got the Ø cursor but on moving into the PS window and releasing the mouse button there, the file opened.
    That's the strangest behavior that I would imagine. Are you using the default vista aero theme or you have turned down or using custom theme and visual effects?
    > it needs to be pointed out that this is a really bad habit that will smack you in the face one day...
    I don't understand what you mean. If you are concerned about viruses, in my understanding copying and opening a file from the internet which is what "Save image as" does, is less safe than coping and pasting pixels. Copying and pasting pixels is the same as coping and pasting text from your web browser, it can't execute hidden code. If that was possible everybody will get viruses at the moment text or pixels are displayed on your browser.
    By the way when you view a page from the internet, image files are already downloaded in the temp folder of your computer but only the browser uses them unless you open them from there and use in another program. So if you have a virus protection the images are already scanned.

  • SharePoint 2013 How to disable Drag and Drop Functionality

    Hi,
    In SharePoint 2013 in document library we have default behavior of drag and drop documents in document library. How to disable drag and drop documents in document library?

    Hi,
         As a work around, you can edit the Drag and Drop js as to remove the drag and drop functionality, edit the document library page (default
    page) place the content editor web part on top of the library include the modified Drag and Drop js file in the content editor web part, Please save the Drag and Drop js file to other location (probably Site Assets library etc).
    Hope it helps!!!  
    Please remember to mark your question as answered &Vote helpful,if this solves/helps your problem. Thanks, Ajeet

  • Is it possible to create a tree with drag-and-drop functionality using ajax

    I saw these samples;
    Scott Spendolini's AJAX Select List Demo
    http://htmldb.oracle.com/pls/otn/f?p=33867:1:10730556242433798443
    Building an Ajax Memory Tree by Scott Spendolini
    http://www.oracle.com/technology/pub/articles/spendolini-tree.html
    Carl Backstrom ApEx-AJAX & DHTML examples;
    http://htmldb.oracle.com/pls/otn/f?p=11933:5:8901671725714285254
    Do you think is it possible to create a tree with drag-and-drop functionality using ajax and apex like this sample; http://www.scbr.com/docs/products/dhtmlxTree/
    Thank you,
    Kind regards.
    Tonguç

    Hello,
    Sure you can build it, I just don't think anyone has, you could also use their solution as well in an APEX page it's just a matter of integration.
    Carl

  • WD ABAP: Drag and drop functionality

    Hi,
    Is there a UI element/event to simulate the drag and drop functionality in Webdynpro ABAP? I would like to simulate the functionality of context mapping.
    I have the requirement to show the hierarchy of say Country and state(preferably in tree structure) and allow the user to change the country a state belongs to by dragging the state from one country and dropping it into the desired destination country.
    Thanks and regards,
    Srini.

    Hi Srinivasa,
    Drag & Drop is not available within Web Dynpro as of now.
    Kind regards,
    Thomas

Maybe you are looking for