WCmore's DragAndDrop

From webCoRE Wiki - Web-enabled Community's own Rule Engine
Jump to: navigation, search
Share on FacebookShare on TwitterShare on Google+Share on LinkedInShare on DiggShare on deliciousShare on redditShare on StumbleUpon

Move or Copy Code using drag and drop

To drag & drop code in your piston, you can go into Edit mode, and then click up top to turn on that feature.


Once enabled, you can select a block by clicking in the yellow region… (clicking in different spots will change what code is selected)

  • The blue numbers on the left show what is selected.
  • You can drag by grabbing the maroon arrows…
  • Carefully drop it in the text region, once the right spot is highlighted
  • Hold down Ctrl while dragging to make a copy.

Dragging & dropping in a complex piston

It is important to keep in mind that your code is no longer selected once you let go of the mouse. This means that it’s easy to “lose” it in a large piston

Perhaps the best advice to prepare for this:

  • Look closely at which lines are selected before grabbing the move arrows
  • Never let go of your mouse without double checking your cursor’s highlighted location

For an extremely complex (surgical) drag & drop, I may add comment(s) beforehand, so that section of code stands out.

Copy Code to another piston

If you want to copy the entire piston, then we should use:


... but if we only need a portion of the code copied to another piston, we can:

  • Select a block of code, or a single line. (as described above)
  • Double check the left margin to see what is selected
  • Right click to the right of that selected text
  • Copy Selected Task / Statement

(Pro Tip: To copy multiple blocks, you can drag them into a larger block, and then select that block)

Then, in any other piston (or instance), you can paste that block (or single line).

  • Click on “+ Add a new statement” (for a block), or “+ Add a new task” (for a line)
  • In the popup window, scroll down. You will see the allowable clipboard(s).
  • Click on “Paste this statement” to insert that clipboard at that cursor location

Note: Each browser keeps it's own clipboard. Also, if you select a single line, it can only be pasted back into a similar container. (IE: You might not be able to paste “Set Fan to Auto” into a lightbulb block)

WCmore's Tips - Table of Contents