Workspace Overview
The menu bar contains the most important tools for making, editing, and testing di- alogs. Here, you can return to the graph management page, create or delete nodes, download or uplaod tree files, undo/redo changes, search for content in nodes, and test your dialog system.
From left to right, the icons represent the following functions:
- Creating a new dialog node (by default a dialog node; click on the arrow to the right to choose the node type)
- Returning to the graph management page
- Delete an element (node, answer, connection)
- Download a copy of the graph
- Load a graph from an uploaded file
- Undo an action
- Redo an action
- Autolayout (automatically formats nodes)
- Open the search menu
- Open the dialog testing panel
The mini-map can be seen in the lower right corner of the editor. The goal of the mini-map is to help you keep an overview of how the portion of graph you are currently working on fits into your whole graph. To this end, the bottom right-hand corner will always show a miniature view of the whole graph. The portion of the graph visible on the screen will be shown in colour while the rest is greyed out. This way, you can quickly tell where in the graph you are looking at at any given time even in very large graphs.
In the lower left part of the work area, are navigation functions. The plus and minus buttons will increase or decrease the zoom level, the button with four angles directly below represents zoom-to-fit, which will zoom so that the entire dialog graph is then visible, and lock symbol toggles whether nodes can be moved. Locking nodes can help prevent accidentally repositioning when panning the view window.
In addition to the navigation buttons, you can zoom in or out by scrolling with you track pad or the scroll wheel of your mouse. Similarly, the graph can be navigated by clicking on the background and dragging the view in any direction.
Note: if you click on a node and drag, you will only change the node position, unless the nodes have been position-locked.
Below is a view of the editor workspace with the debug panel opened:
If you click on the green play button at the right of the menu bar (or drag out from the right side of the editor window) you will find the debug panel, where you can dynamically test your dialog system.
For more details on the debug panel, here