Difference between revisions of "WCmore's DragAndDrop"

From webCoRE Wiki - Web-enabled Community's own Rule Engine
Jump to: navigation, search
m (Move or Copy Code using drag and drop)
m (Copy Code to another piston)
 
(16 intermediate revisions by the same user not shown)
Line 8: Line 8:
 
[[File:SelectBlock.jpg|none]]
 
[[File:SelectBlock.jpg|none]]
  
The blue numbers on the left show what is selected.
+
* The blue numbers on the left show what is selected.
You can drag by grabbing the maroon arrows…
+
* You can drag by grabbing the maroon arrows…  
(and dropping it in the text region once in the right spot)
+
* Carefully drop it in the text region, once the right spot is highlighted
 +
* Hold down Ctrl while dragging to make a copy.
  
Hold down Ctrl while dragging to make a copy.
 
  
NOTE:
+
=== Dragging & dropping in a complex piston ===
If you want to copy the block into a DIFFERENT piston, you can select the block as mentioned above, and then right click to copy that selected text to your webCoRE clipboard. This will be available when you add new statements in other pistons. (''Pro Tip: Each browser keeps it's own clipboard'')
+
 
 +
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:
 +
[[File:DupPiston.jpg|none]]
 +
 
 +
... 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)''
  
 
{{WCmoreTOC}}
 
{{WCmoreTOC}}

Latest revision as of 22:54, 28 June 2020

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.

AllowMoving.jpg

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

SelectBlock.jpg
  • 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:

DupPiston.jpg

... 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











.