The application consists of three screen elements:
|Select tool||Select and modify figure(s) in draw area.||S|
|Pan tool||Movement internal within the draw area if the draw area is larger than the screen area. It is also possible to activate this tool by holding down SPACE.||H|
|Picker tool||Sets the global style to the style of a given figure. Click a single figure within the draw area to assign its current style to the global style.||P|
|Rectangle||Draws a rectangle.||1|
|Ellipse||Draws an ellipse.||2|
|Rhombus||Draws an rhombus.||3|
|Text||Placement of text. Creates a rectangle without a border or any other style. Enters text edit mode immediately.||4|
|Line||Draws a line.||5|
|Image||Placement of an image. Upon selecting this tool one will be presented with a window where one will be able to select the image that should be placed on the draw area. When image is selected, the image can be placed either by clicking within the draw area or by drawing a rectangle.||6|
In order to do a selection, select the select tool by clicking on it with the mouse pointer. Then click on a figure to select this single figure, or draw a border around several figures to select multiple figures at the same time. When a multiple selection is done, the selection can be added to or removed from by clicking single figures while pressing CTRL or SHIFT.
On the left side of the interface is a set of buttons that lets you select figures for drawing. Select the figure you want to draw by clicking on one of these buttons. A figure can then be drawn using two methods. The first method is to simply click within the drawing area. This results in a figure placed using a default size. The most used method is to draw the figure by holding the mouse button down and then move the mouse cursor over the drawing area to quickly set the size of the figure.
While the figure is drawn there is a few buttons that can be used to change the way the figure is drawn. These buttons can be pressed and released as long as the mouse button remains pressed.
In order to change properties for a figure one has to start by selecting the select tool () if not already selected from the top of the tool panel. With this tool selected click a figure in the drawing area. Properties for the selected figure can then be changed from the properties panel at the top of the screen. Please not that only properties that can be changed for a given figure will be available from the properties panel.
|Copy||Select one or more figures followed by this button in order to remember the look and content of these.|
|Paste||Insert a copy of the figures remembered using the copy button.|
|Clear format||Remove changes to formatting for selected figures, and reset these properties to the standard settings.|
|Grid||Select size of grid that figures lock on to.|
|Stroke color||Color for lines or frame around figures.|
|Fill color||Color for figures that have fill.|
|Gradient||Enables or disables a gradient from fill color at bottom to a lighter version at top.|
|Line width||Width of lines or frames around figures.|
|Line style||Style for lines or frames around figures.|
|Line type||Switch between types of lines.|
|Endpoint||Define what endpoints should be drawn at the end of lines.|
|Corner radius||Set the corner radius for rectangular figures.|
|Shadow||Enable or disable the shadow for a figure.|
|Hyperlink||Define target for a figure. Could be used as a connection between diagrams or to other content.|
|Tooltip||Define the tooltip that should be shown when the user places the mouse cursor over this figure. If this is not set, data is read from the hyperlink.|
|Lock||Enable of disable readonly mode, so that one can see how the drawing would look without drawing aids.|
|Save||Write the content of the draw area.|
|Open||Read the content of the draw area.|
|Overview||Shows a smaller version of the draw area, an overview image.|
|Stats||Enable or disable statistics related to the drawing of the draw area. Lets you see how different computers handles the rendering of the content of the draw area.|
|Font||Font name for the text positioned within the figure.|
|Font size||Set the size of the figure text.|
|Font style||Three buttons that define the style of the figure text.|
|Font color||Color for figure text.|
|Padding||Sets distance between figure edge and figure text.|
|Text rotation||Defines if the text should be rotated with the figure or always be positioned horzontally.|
||Text placement||Six buttons that define the text position relative to the figure.|
In addition to a style for each figure there is also a concept called the global style. This is the style that a new figure will get. This style can be changed when one has selected a drawing tool before the figure has been drawn. Alternative one can use the format picker to set the global style. When a figure with style is selected, the figure style will be assigned to the global style, and all new figures will get this style.
Figures can be moved using the select tool. Click a figure by selecting it, and then drag it with the mouse button pressed. It is also possible to move several figures at the same time by drawing a frame around these. By dragging one of these selected figures, all figures will move with it.
While dragging the figure one can hold down some keyboard buttons to change how the figure is moved. These keyboard buttons could be pressed and released as long as the mouse button is pressed.
The size of a figure can be changed at a later time using the select tool. With a figure selcted you will see handles in the corners of the figure as well as its edges. These handles can be dragged to resize the figure. Please note that resize will not be performed when more than one figure is selected.
While resizing the figure one can hold down some keyboard buttons to change how the figure is resized. These keyboard buttons could be pressed and released as long as the mouse button is pressed.
When selecting a line, an indicator will be drawn for each end of the line. This makes it possible to change the endpoints of the line. If one wishes to move the whole line, one can drag the line between the endpoints. This will result in the two endpoints being moved relative to the movement of the line.
Line endpoints will connect to figure connections points if moved close enough. Lines can be disconnected from connection points by dragging the line endpoint out of the connection point.
While moving the line endpoint, the SHIFT button can be pressed in order to move line endpoints with a 45 degree snap. This results in lines that become either purely horizontal, vertical or diagonally. If one releases the SHIFT button one will see that the line endpoint moves back to the non-corrected position.
When a figure is selected, a border will be shown around this figure. Please note that rotation cannot be performed if more than one figure has been selected. At the top of the selection border one can see a circle. This can be dragged to rotate the figure. When moving the mouse cursor, the figure will be aligned so that the top of the figure will point towards the mouse cursor.
If SHIFT is pressed while the figure is rotated, this rotation will be performed in 45 degree iterations. By releasing SHIFT the figure will move back to the non-corrected position.
At the edge of each figure there are several connection points. The placement of these connection points can vary between various figure shapes. Between these connection points one can draw a line. These lines will remain connected to their figure connection points when moving the figures.
The easiest way to place a connection between to connection points is to simply drag a line out of a connection point. In order for this to work, the select tool will need to be selected. Start to drag from a connection point. A line will be created, and this line will follow the mouse cursor as long as the mouse button is pressed. Move the move cursor over an another connection point. An indicator will be drawn around this connection point that indicates that you can release the mouse button here. It is also possible to release the mouse button without connecting the line to an another connection point. The line will then end where the mouse cursor were positioned when you released the mouse button.
In order to insert or edit text for a figure one has to select the select tool, and then do a double-click on the figure. A frame within the box will then appear indicating that text can be edited. A blinking cursor will show where the text will be placed. Navigation internally within the text box can be done using the arrow keys as well as the HOME / END buttons.
Multiple lines can be added to the text box using the ENTER button. Please note that text can flow outside of the size of the figure it is placed inside. The size of the figure will not be changed if the area of the text becomes too large.
Text on lines will initially be placed on the center of the line. This can be changed by selecting the select tool and dragging the line text.
While dragging the line text a red cross will indicate the closest point on the line. The cross indicated the percentage based positioning of line text, a value that will not change until you try to move the text again. If the line changes size, for example by changing the position of its endpoints, the text will be moved to this relative position shown by this cross.
By clicking the button for grid in the properties panel, the grid can be enabled or disabled. The grid can also be set to either 10 pixel or 20 pixel spacing. When grid is enabled, all figures will be locked to the grid when moved. This results in that the corner of rectangular figures always will be placed in a cross on the grid. By scaling figures these figures will be locked against the grid.
If lines are drawn when grid is enabled, their endpoint will be locked against crosses within the grid. An exception to this rule is if the line is connected to a figure connection point.
These shortcuts can be used by advanced users that want to be more effective in their use of the Motigon tool.
These shortcuts can be used at any time except when editing text.
|S||Activate select tool|
|H||Activate pan (hand) tool|
|P||Activate picker tool|
|1||Select rectangle tool|
|2||Select ellipse tool|
|3||Select rhombus tool|
|4||Select text tool|
|5||Select line tool|
|6||Select image tool|
|SPACE||Select pan tool. The old tool will be reselected when you release the button.|
These shortcuts does changes to the selected figure unless you are editing text.
|CTRL-C||Copy selected figures.|
|CTRL-V||Paste previously selected figures. Figures will get a small movement down and to the right relative to their original position.|
|CTRL-X||Cut selected figures. Selected figures will be removed and remembered for later use.|
|CTRL-A||Select all figures within the draw area.|
|CTRL-S||Saves the current draw area.|
|CTRL-HOME||Move selected figures to the front of the drawing.|
|CTRL-END||Move selected figures to the back of the drawing.|
|CTRL-PAGE UP||Move selected figures one step backwards into the drawing.|
|CTRL-PAGE DOWN||Move selected figures one step upwards in the drawing.|