Designer mode

Designer mode
 
The designer mode is a special tool for screenshot annotation. In this mode you can manage screenshot control references and numbered callouts. To invoke the designer just double click on screenshot image in the content editor.
 
1

Designer  toolbar

1. Designer ~toolbar
The designer toolbar provides access to key functions for managing control numbered references and screenshot picture.
2

Designer  workspace

2. Designer ~workspaceIn the designer workspace you may rearrange and reposition numbered control callouts by simply selecting and dragging them in WYSIWYG manner.
You can also adjust the size of control areas and of the screenshot picture itself.
 
3

Modes

The tabs allow switching among different modes of designer window: the designer, control areas management, and screenshot editing. The functionalities of all modes are overlapped somehow though each one is focused on different aspects of control reference and screenshot management.
 
4

Control  properties

4. Control ~propertiesThe panel provides access to properties of a selected control. Its structure is very close to the structure of topic settings pane.
5

Accept &  close

5. Accept & ~closeUse this button to accept all the changes and to get back to the main content editor.
 
6

Maximize

6. MaximizeUse this button to maximize the designer mode window. You may also double click the designer window upper border to do this.
 
7

Control  description

7. Control ~description
The control description editor allows editing description of a selected control. The editor toolbar provides access to the editing functions.
Alternatively, you may also edit control descriptions in the main content editor.
 
 

Built with help of DrExplain