Difference between revisions of "WCmore's DragAndDrop"
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… |
| − | + | * 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 === | |
| − | If you want to copy the | + | |
| + | 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.
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 ▲ |
.
