# Formatting Diagram

## Change Font

To change font face, size, and color of view elements:

1. Select view elements in diagram.
2. Show **Font Dialog** by pressing `Ctrl+Shift+F` or selecting **Format | Font...** in Menu Bar or Context Menu.
3. Select font face, size or color and press **OK** button.

![](https://1859386039-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9shwSMiocGHpSKcbss%2F-LAqLeL-2UR53odo5Q0J%2F-LAqLi-rJaxswxKTY0gs%2Ffont-dialog.png?generation=1524551583034994\&alt=media)

You can also use **Style Editor** to change Font face, size, and color.

## Change Line Color

To change line color of view elements:

1. Select view elements in diagram.
2. Show **Color Dialog** for line color by pressing `Ctrl+Shift+L` or selecting **Format | Line Color...** in Menu Bar or Context Menu.
3. Select line color and press **OK** button.

![](https://1859386039-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9shwSMiocGHpSKcbss%2F-LAqLeL-2UR53odo5Q0J%2F-LAqLi5U5en2q2hnMTE-%2Fcolor-dialog.png?generation=1524551583582399\&alt=media)

You can also use **Style Editor** to change line color.

## Change Fill Color

To change fill color of view elements:

1. Select view elements in diagram.
2. Show **Color Dialog** for fill color by pressing `Ctrl+Shift+I` or selecting **Format | Fill Color...** in Menu Bar or Context Menu.
3. Select fill color and press **OK** button.

You can also use **Style Editor** to change fill color.

## Change Line Style

![](https://1859386039-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9shwSMiocGHpSKcbss%2F-LAqLeL-2UR53odo5Q0J%2F-LAqLiBegC04kXn6TiwJ%2Fline-style.png?generation=1524551584017756\&alt=media)

To change line style of view elements:

1. Select view elements in diagram.
2. Select one of line styles.
   * Rectilinear - Press `Ctrl+L` or select **Format | Line Style | Rectilinear** in Menu Bar or Context Menu.
   * Oblique - Press `Ctrl+B` or select **Format | Line Style | Oblique** in Menu Bar or Context Menu.
   * RoundRect - Press `Ctrl+Alt+L` or select **Format | Line Style | RoundRect** in Menu Bar or Context Menu.
   * Curve - Press `Ctrl+Alt+B` or select **Format | Line Style | Curve** in Menu Bar or Context Menu.

You can also use **Style Editor** to line style.

## Set Auto Resize

To set view elements always resize automatically:

1. Select view elements in diagram.
2. Press `Ctrl+Shift+R` or check (or uncheck) **Format | Auto Resize** in Menu Bar or Context Menu.

You can also use **Style Editor** to line style.

## Set Word Wrap

To allow text can be shown in multiple lines:

1. Select view elements in diagram.
2. Press `Ctrl+Shift+W` or check (or uncheck) **Format | Word Wrap** in Menu Bar or Context Menu.

## Stereotype Display

An element has six alternative representations based on the stereotype. To change stereotype display:

1. Select view elements in diagram.
2. Press `Ctrl+Shift+0` \~ `Ctrl+Shift+5` or select **Format | Stereotype Display | \[StereotypeDisplayKind]** in Menu Bar or Context Menu.

Supported stereotype display kinds are follow:

* None (`Ctrl+Shift+0`) : Do not show stereotype.
* Label (`Ctrl+Shift+1`) : Show stereotype as a label.
* Decoration (`Ctrl+Shift+2`) : Show stereotype as a decorated icon on the top left.
* Decoration with Label (`Ctrl+Shift+3`) : Show stereotype as a label with a decorated icon.
* Icon (`Ctrl+Shift+4`) : Show element as a icon.
* Icon with Label (`Ctrl+Shift+5`) : Show element as a icon with label.

![](https://1859386039-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9shwSMiocGHpSKcbss%2F-LAqLeL-2UR53odo5Q0J%2F-LAqLiSpqhEoxer85Lm0%2Fstereotype-display.png?generation=1524551583499953\&alt=media)

## Show Visibility

To show (or hide) visibilities:

1. Select view elements in diagram.
2. Press `Ctrl+Shift+V` or check (or uncheck) **Format | Show Visibility** in Menu Bar or Context Menu.

## Show Namespace

To show (or hide) namespace:

1. Select view elements in diagram.
2. Press `Ctrl+Shift+N` or check (or uncheck) **Format | Show Namespace** in Menu Bar or Context Menu.

## Show Property (Tag)

To show (or hide) properties (tags):

1. Select view elements in diagram.
2. Press `Ctrl+Shift+P` or check (or uncheck) **Format | Show Property** in Menu Bar or Context Menu.

## Show Type

To show (or hide) types:

1. Select view elements in diagram.
2. Press `Ctrl+Shift+Y` or check (or uncheck) **Format | Show Type** in Menu Bar or Context Menu.

## Show Multiplicity

To show (or hide) multiplicities:

1. Select view elements in diagram.
2. Press `Ctrl+Shift+M` or check (or uncheck) **Format | Show Multiplicity** in Menu Bar or Context Menu.

## Show Operation Signature

To show (or hide) operation signature:

1. Select view elements in diagram.
2. Press `Ctrl+Shift+G` or check (or uncheck) **Format | Show Operation Signature** in Menu Bar or Context Menu.

## Suppress Attributes

To suppress attributes:

1. Select view elements (e.g. Class) in diagram.
2. Press `Ctrl+Shift+A` or check (or uncheck) **Format | Suppress Attributes** in Menu Bar or Context Menu.

## Suppress Operations

To suppress operations:

1. Select view elements (e.g. Class) in diagram.
2. Press `Ctrl+Shift+O` or check (or uncheck) **Format | Suppress Operations** in Menu Bar or Context Menu.

## Suppress Receptions

To suppress receptions:

1. Select view elements (e.g. Class) in diagram.
2. Press `Ctrl+Shift+E` or check (or uncheck) **Format | Suppress Receptions** in Menu Bar or Context Menu.

## Suppress Literals

To suppress literals:

1. Select Enumeration view elements in diagram.
2. Press `Ctrl+Shift+T` or check (or uncheck) **Format | Suppress Literals** in Menu Bar or Context Menu.

## Suppress Columns

To suppress columns:

1. Select Entity view elements in diagram.
2. Press `Ctrl+Shift+U` or check (or uncheck) **Format | Suppress Columns** in Menu Bar or Context Menu.

## Aligning View Elements

To bring view elements on the front:

1. Select view elements in diagram.
2. Select **Format | Alignment | Bring to Front** in Menu Bar or **Alignment | Bring to Front** in Context Menu.

Or, to send view elements to the back:

1. Select view elements in diagram.
2. Select **Format | Alignment | Send to Back** in Menu Bar or **Alignment | Send to Back** in Context Menu.

And, you can align two or more view elements:

1. Select view elements in diagram.
2. Select **Format | Alignment | \[AlignmentKind]** in Menu Bar or **Alignment | \[AlignmentKind]** in Context Menu.
   * Align Left : Align selected view elements to the left.
   * Align Right : Align selected view elements to the right.
   * Align Middle : Center selected view elements horizontally.
   * Align Top : Align selected view elements to the top.
   * Align Bottom : Align selected view elements to the bottom.
   * Align Center : Center selected view elements vertically.

## Layout Diagram

To layout diagram automatically:

1. Open the diagram to be layout.
2. Select **Format | Layout | Auto** in Menu Bar.

If you want to layout diagram in a particular direction:

1. Open the diagram to be layout.
2. Select **Format | Layout | \[Direction]** in Menu Bar. Supported directions are **Top to Bottom**, **Bottom to Top**, **Left to Right** and **Right to Left**.

## Diagram Zoom In and Out

To zoom in the diagram, press `Ctrl++` or select **View | Zoom In** in Menu Bar.

To zoom out the diagram, press `Ctrl+-` or select **View | Zoom Out** in Menu Bar.

To set zoom level to actual size, press `Ctrl+0` or select **View | Actual Size** in Menu Bar.

You can check the current zoom level in **StatusBar**.