Groups

You can group selected shapes and connectors. Press shortcut Cmd+Shift+G or click menu item Object – Group. To edit text inside group just select shape in the group, then double click it to open popup menu and click “T” button or press ‘t’ shortcut for this.

EditingTextInsideGroup

Tables

You can draw connectable tables. Use Table Tool to draw 3х3 table.

help16.1

Double click table to see menu. To add/remove row/column use buttons in the menu or commands in the context menu.

help16.2

Select multiple cells with Cmd+click when the menu is visible. Selected cells can be joined. You can split only cells that were previously joined.

help16.3 help16.4

Select the first cell, and then click on the triangle marker to select current row or column. Selected row or column can be deleted.

help16.5

Apply attributes to selected cells with Cell Style Inspector.

help16.6

Apply table attributes with Cell Style Inspector.

help16.7

There are two modes of changing table size.
1. If you drag square marker then table will change it’s overall size with column and rows proportional resizing.
2. If you drag bounding line then column or row changing size occurs.

help16.8

Automatic layout

There is automatic layout for hierarchic flowcharts.

Before layout:

Layout1

After layout:

Layout2

After orthogonal layout:

Layout4

Layout settings in the Inspector:

Layout3

Alignment

You can align elements and connectors bends.

There are alignment buttons on the toolbar:

help13.0

Align Left Edges – aligns the left hand edges of the objects in the selection.
Align Right Edges – aligns the right hand edges of the objects in the selection.
Align Horizontal Centres – aligns the horizontal centres of the objects in the selection.
Align Top Edges – aligns the top edges of the objects in the selection.
Align Bottom Edges – aligns the bottom edges of the objects in the selection.
Align Vertical Centres – aligns the vertical centres of the objects in the selection.

There are distribute buttons on the toolbar:
Distribute Vertical Space – for three or more selected objects, makes the space between the top and bottom edges of each equal.
Distribute Horizontal Space – for three or more selected objects, makes the space between the left and right edges of each equal.

Smart guides appear as you drag bends points of the connector to help you align its to the centers of elements.

help13.1

If you have smart guides enabled, they appear as you drag to help you line up elements or size elements equally.

help15.1

There are also available ordinary guides – a reference line you can drag onto the drawing to position shapes precisely. Drag a guide from the horizontal or vertical ruler (View – Show Rules) onto the drawing page, and then release the mouse button. If you have enabled View – Snap to guides option, you can snap shapes and connectors to the guides.

help17.2

To remove guides drag them back onto the rules.

Editing of color schemes

Each shape has a color scheme, i.e. a set of colors associated with icon color. You can see these icons on the “Color” toolbar. When you change color of an element a whole set of colors are changed.

Colors1

You can create a new color scheme as a copy of existing scheme. After that change colors by double click color cells, test new scheme on a selection (“Apply to selection” button). New color scheme is added in the end of all color icons. You can edit existing color schemes except of “Default” scheme. “Restore defaults” button removes all your schemes and changes in built-in schemes.

Colors2

Copying and applying styles

You can save visual options for applying as defaults to the next dropped shape or connector. This options could be also applied to any shape or connector. There are shortcuts in the menu Object for this and “Copy style” tool is on the toolbar.

To use “Copy style” tool select source object, click on “Copy style” toolbar button then click on target object to apply style.

CopyStyle1 CopyStyle2

copy_style

To clear memory of the “Copy style” tool click on empty place. Then click on the next source object to copy it style.

You can also save specific style as default. To save style of the selected connector or shape select it and click menu item “Save defaults” in the menu Object.

To apply saved style to selected object click menu item “Apply defaults” in the menu Object.

You can also reset style for selected object only or reset all defaults.

This commands are also located in the panel for editing style of a connector or a shape.

MenuForDefaults

Shortcuts

 

Shortcut Action
c Start connector with source in the selected shape.
t Open text editor for the selected shape or connector.
p Show panel with style options for the selected shape or connector.
Esc Close popup window or text editor when it is opened or activate tool “Select Tool”.
s Activate tool “Move Sticky Spot Tool”.
z Activate tool “Zoom In Tool”.
x Activate tool “Zoom Out Tool”.
Space Activate tool “Pan Tool”.
Shift+Cmd+M Open “Change attributes” inspector for the selection.
Shift+Cmd+B Open “Image manager” to manage shapes with your style or just any extern images.
Shift+Cmd+L Open/close “Layers Palette” for the selection.
Cmd+G Group items in the selection.
Shift+Cmd+G Ungroup items in the selection.
Cmd+D Duplicate selected shape.
Double click on a shape on the palette. Add a shape to the center of the window.
Cmd+1 Make selected connector straight.
Cmd+2 Make selected connector polyline.
Cmd+3 Make selected connector smooth.
Cmd+4 Make selected connector orthogonal.
Cmd+5 Save defaults of selected object.
Cmd+6 Apply defaults to selected object.
Cmd+7 Reset defaults for selected object only.
Cmd+8 Reset all defaults.

Connector’s Style

Double click a connector. Click “Connector Style” to open popup window with connector style properties. There is also a ‘p’ shortcut for this.

help7

Select start and end arrows, body style and arrow colors, adjust arrowhead length.

help8

Click arrowhead to change arrowhead or remove it.

help8.1

There are several connector body styles.

help10.1

Note: connector with “Thick Line” style can not have smooth bends.

You can assign any color, opacity, width, shadow for connector in the document with “Customizable” style:

help10.2

You can assign one of the following types of line to the connector:
– straight (Cmd+1),
– polyline (Cmd+2),
– smooth (Cmd+3),
– orthogonal (Cmd+4)

ConnectorLine1 ConnectorLine2

ConnectorLine3

Editing parts of shapes and connectors

You can edit filling, stroke and shadow of a component of a shape or connector from the style.

help24.1

Select a component from the menu and adjust background color or gradient, stroke and shadow.

help24.2

Editing is also available for a connector components.

help24.3.1 help24.4

Changing element’s color

After clicking on Color button you will get a popup window, where you can select one of the predefined color schemes for the element.

help11.1

You can assign any color and opacity for background and contour in the document with “Customizable” style. There is a ‘p’ shortcut to open this panel for selected shape.

help11.2