From TOCO Help Wiki
Jump to: navigation, search
(Editing and Moving Graphic Objects)
 
(37 intermediate revisions by the same user not shown)
Line 1: Line 1:
This is a page for canvas help
 
 
 
The “canvas” is where you create the ToC graphic of outcomes connected to one another in causal pathways. The canvas opens up when you open an existing TOCO file by clicking on the title in your file browser, or when you create a new TOCO file.
 
The “canvas” is where you create the ToC graphic of outcomes connected to one another in causal pathways. The canvas opens up when you open an existing TOCO file by clicking on the title in your file browser, or when you create a new TOCO file.
 
Many operations on the drawing canvas are available on the Edit menu. These functions include creating new outcomes, comments, text boxes, titles, color legend, and the dashed accountability line. Here too are items for editing assumptions and the ToC narrative, and for switching from right-angled to straight-line connectors.
 
Many operations on the drawing canvas are available on the Edit menu. These functions include creating new outcomes, comments, text boxes, titles, color legend, and the dashed accountability line. Here too are items for editing assumptions and the ToC narrative, and for switching from right-angled to straight-line connectors.
Line 7: Line 5:
 
== Editing and Moving Graphic Objects  ==
 
== Editing and Moving Graphic Objects  ==
  
To delete an outcome box, text box, comment, connector or curved line, right-click and select “delete” from the menu.
+
To delete an outcome box, text box, comment, connector or curved line, use the delete button on your keyboard or use the trash can icon found on the top menu bar.
  
Outcome boxes may be moved by clicking and dragging; moving all other objects requires right-clicking on the object and selecting the “move” menu item. These include text boxes, the title box, comments, and the color legend.  Once you have moved the object you must right-click again and select "edit" to update the content of the object.  
+
Outcome boxes, text boxes, comments, and the color legend may be moved by clicking and dragging.
  
 
===Outcome Box, Text Box, Comment Box===  
 
===Outcome Box, Text Box, Comment Box===  
  
[[File:Right Click Options.jpg|500px|'''frame'''|caption]] <br clear=all>  
+
<br clear=all>  
Outcome box objects are edited in the Outcome Editor and can be dragged and dropped anywhere on the canvas. You can access the Outcome Editor by double-clicking the outcome box object or by right-clicking and selecting "Edit outcome." Right-click (as shown above) also to "Delete outcome," "Add a precondition" (which adds a connected outcome), or "Send to back."
+
Outcome box objects are edited in the Outcome Editor and can be dragged and dropped anywhere on the canvas. You can access the Outcome Editor by double-clicking the outcome box object.  
  
[[File:Right Click comment box.jpg|500px|]] <br clear=all> Most objects on the TOCO canvas, including text boxes, require toggling between Edit mode and Move mode. When you open a new text box (Edit menu) it is in Edit mode and the Text Editor panel is open. All editing is done in the Text Editor. Right-click on the text box object and select "Move" to switch to Move mode; you can then drag and drop the object where you want it. To update content, right-click again and select "Edit." Also, double-clicking on the text box object opens the Text Editor window and restores the Edit mode. Right-click also to delete the text box, remove its border, send backward or bring forward.  
+
<br clear=all> Most objects on the TOCO canvas, including text boxes, require toggling between Edit mode and Move mode. When you double click on a text box it is in Edit mode and the Text Editor panel is open. All editing is done in the Text Editor. When you want to move the object, close out the editor and then you can drag the object where you want it. To update content, double-click again and the edit panel will open.  
  
 +
[[File:Comment feature.jpg|border|500px|]] <br clear=all> Comment feature is for collaborative work. Select "Add comment" from the Edit menu. You can edit comments right inside the "Comment Box" object. You type right into the object rather than into an editor panel. The comment is automatically signed with your user name. No font or color fill choices!
  
[[File:Delete or move comment box.jpg|500px]] Right-click on a comment box to perform various operations
+
===Outcome Box Editor===
  
                                                            '''Outcome Box Editor'''
+
[[File:Outcome editor.jpg|800px|]] <br clear=all> Select text first to change formatting. Select a word or phrase within the outcome to apply different format, e.g., bold or italic.
[[File:Outcome Editor .jpg|500px|]]     Select text to change, size, color, style and also apply to all
+
                                               
+
                                                                '''Color Legend'''
+
  
[[File:Color Legend edits.jpg|500px|]]        Right-click on color legend to edit text or move legend box
+
===Color Legend===
  
[[File:Color Legend .jpg|500px|]]             Edit, Remove or reposition color legend  
+
[[File:Color Legend.jpg|500px|]] <br clear=all> The Legend explains the significance of your outcome colors. Available from Edit menu or Canvas Tool Panel. Right-click on color legend to edit text or move legend box. Click on the X in upper right to delete the legend object.
  
                                                                '''Curved Line'''
+
==Connector Editor (Rationales, Interventions)==
  
[[File:Delete Curve line.jpg|500px|]]         Right-click on curved line to delete.  
+
[[File:Double click on arrow to add R or I.jpg|500px|]] <br clear=all> Add rationales and interventions to the ToC by way of the Connector Editor. To open the Connector Editor, double-click on the connector. Editor panel opens up, as shown. It has a tab for Rationales and a tab for Interventions. Enter text for each in the text field. You can add multiple interventions. Connector Editor offers font choices and fill color in case you want to display the rationale or intervention text on the ToC graphic. To do so check the "Show full text" checkbox. Otherwise TOCO displays the rationale or intervention in code.
  
 +
<br clear=all> Connector shape and color settings are available on the Canvas Tool Panel. Click once on the connector to select it. Edit line weight, color and shape from the icons on the Tool Panel.
  
[[File:Curved line manipulate.jpg|500px|]] To manipulate shape and length, select drag the points 
+
[[File:Intervention .jpg|600px|]] <br clear=all>  How to edit, add, delete interventions on a connector. Default mode is code display; check the box to display in full text. If full text, Connector Editor gives you choices as to font, font size, color and formatting, and fill color.
                                                       
+
                                                                '''Connector (Rationales, Interventions)'''
+
  
[[File:Double click on arrow to add R or I.jpg|500px|]]Double click on connector to add Rationale Or Intervention 
+
[[File:Rationale Full text .jpg|600px|]] <br clear=all> How to edit, add, delete rationales on a connector. Default mode is code display; check the box to display in full text and use the text and fill formatting functions as needed.
 
+
 
+
[[File:Click on Arrow to adjust the arrow.jpg|500px|]]Click on connector once to adjust the position horizontally
+
 
+
 
+
[[File:Edit Connectors.jpg|500px|]] Click on connector and edit line weight, color and shape from canvas tool
+
 
+
[[File:Intervention .jpg|500px|]]  How to edit, add, delete interventionss on a connector
+
 
+
[[File:Rationale Full text .jpg|500px|]]How to edit, add, delete rationales on a connector
+
 
+
                                                                '''Callout Box'''
+
 
+
[[File:Call Out Features.jpg|500px|]] To edit callout box, right click on the box and select edit
+
 
+
 
+
[[File:Manipulate call out pointer.jpg|500px|]] To manipulate the pointer zoom in, click & drag the tip
+
 
+
= Canvas Tool Panel =
+
[[File:Canvas tool panel for wiki smaller.jpg|500px|]]
+
 
+
= File-Edit-Help Dropdown Menus: =
+
  
 
= File Menu =
 
= File Menu =
  
 
[[File:File menu.jpg|500px|]]
 
[[File:File menu.jpg|500px|]]
 
= Edit Menu =
 
 
[[File:Edit menu.jpg|600px|]]
 
 
= Help Menu =
 
 
 
== Keypad/Mouse Navigation ==
 
 
 
There are two ways to move around the canvas.
 
 
- Grab the vertical or horizontal scroll bar and move
 
- click on the canvas (i.e., somewhere on the background grid rather than on any objects), hold the cursor down, and drag the canvas to the location you want.
 
- Creating and editing the TOC map requires frequent adjustments of the canvas size.
 
 
There are two ways to zoom in and out:
 
- Use the zoom in/zoom out buttons to the left of the file menu.
 
- Or, use your mouse or keypad.
 
 
== My ToCs File Directory ==
 
 
[[File:ToC files.jpg|700px|]]
 

Latest revision as of 14:57, 10 June 2021

The “canvas” is where you create the ToC graphic of outcomes connected to one another in causal pathways. The canvas opens up when you open an existing TOCO file by clicking on the title in your file browser, or when you create a new TOCO file. Many operations on the drawing canvas are available on the Edit menu. These functions include creating new outcomes, comments, text boxes, titles, color legend, and the dashed accountability line. Here too are items for editing assumptions and the ToC narrative, and for switching from right-angled to straight-line connectors.


Editing and Moving Graphic Objects

To delete an outcome box, text box, comment, connector or curved line, use the delete button on your keyboard or use the trash can icon found on the top menu bar.

Outcome boxes, text boxes, comments, and the color legend may be moved by clicking and dragging.

Outcome Box, Text Box, Comment Box


Outcome box objects are edited in the Outcome Editor and can be dragged and dropped anywhere on the canvas. You can access the Outcome Editor by double-clicking the outcome box object.


Most objects on the TOCO canvas, including text boxes, require toggling between Edit mode and Move mode. When you double click on a text box it is in Edit mode and the Text Editor panel is open. All editing is done in the Text Editor. When you want to move the object, close out the editor and then you can drag the object where you want it. To update content, double-click again and the edit panel will open.

Comment feature.jpg
Comment feature is for collaborative work. Select "Add comment" from the Edit menu. You can edit comments right inside the "Comment Box" object. You type right into the object rather than into an editor panel. The comment is automatically signed with your user name. No font or color fill choices!

Outcome Box Editor

Outcome editor.jpg
Select text first to change formatting. Select a word or phrase within the outcome to apply different format, e.g., bold or italic.

Color Legend

Color Legend.jpg
The Legend explains the significance of your outcome colors. Available from Edit menu or Canvas Tool Panel. Right-click on color legend to edit text or move legend box. Click on the X in upper right to delete the legend object.

Connector Editor (Rationales, Interventions)

Double click on arrow to add R or I.jpg
Add rationales and interventions to the ToC by way of the Connector Editor. To open the Connector Editor, double-click on the connector. Editor panel opens up, as shown. It has a tab for Rationales and a tab for Interventions. Enter text for each in the text field. You can add multiple interventions. Connector Editor offers font choices and fill color in case you want to display the rationale or intervention text on the ToC graphic. To do so check the "Show full text" checkbox. Otherwise TOCO displays the rationale or intervention in code.


Connector shape and color settings are available on the Canvas Tool Panel. Click once on the connector to select it. Edit line weight, color and shape from the icons on the Tool Panel.

Intervention .jpg
How to edit, add, delete interventions on a connector. Default mode is code display; check the box to display in full text. If full text, Connector Editor gives you choices as to font, font size, color and formatting, and fill color.

Rationale Full text .jpg
How to edit, add, delete rationales on a connector. Default mode is code display; check the box to display in full text and use the text and fill formatting functions as needed.

File Menu

File menu.jpg