Double clicking to enter a field

[madman411]

Hi all

I have created an invoice system and the line items are displayed within a portal. The user can drag and drop lines up or down to re-arrange the order if they desire. I'm very happy with how it has turned out with the exception of one issue: the user can only drag and drop lines in areas of the portal that don't contain editable fields, and after some testing, it seems it's very easy for the user to accidentally drag field contents into the container field that acts as the drag and drop, or drag the container contents to one of the editable fields, creating a big mess. I'd like to implement a double click feature to allow the user to enter one of the fields (SKU, Description, Quantity, etc.) only upon a double click. If they don't double click, the user is simply able to click and drag from anywhere within the portal without the risk of dragging field contents around.

My question is, what would be the best way to achieve this? I've been looking at NightWing's example here - would it be best to perhaps overlay two identical fields, one editable, one not editable, and script the editable field to "unhide" itself upon a double click?

[Ocean West]

Perhaps have a "gear" button icon or something that toggles a global Variable when it is true then all the editable fields in the portal become visible the others hide. Since the desired normal action is drag & drop.

from a user experience double click may not feel as natural or apparent where as; a little "toggle" switch that changes the behavior of the portal may be more user discoverable.