Applying fill, line and font styles on diagram elements

You can format the diagram elements with your preference. To unfold the Formats dialog box, right click on the target shape and select Styles and Formatting > Formats... from the pop-up menu.

Select Formats... from the pop-up menu

Formats dialog box

You can change the following settings from the Formats dialog box:

• Changing shapes foreground style
• Changing shapes font style
• Changing shapes background style

Changing shapes foreground style

In the Format dialog, you can change the foreground style under the Font section. Click the ... button in Font Color to select a color either from the Default page (which shows pre-defined colors) or from the Custom page (which shows a variety of colors and allows you to define any custom colors).

Color pane

If you want to specify a custom color, you can switch to the Custom pane. After change the font color, the preview will update automatically.

Changing shapes font style

In the Font section, you can also change the font family, style and size.

Font section

Field	Description
Font Name	Select a type for font. The amount of fonts depends on the fonts available in your computer.
Font Style	Select a style for font. You can select one of the 4 styles and a preview will be shown for each of the style items.
Font Size	Select the size for font. You may either select a font size by rolling the scrollbar or enter the font size in the text fields.

The Preview pane will display the selected font format.

Changing shapes background style

You can click on the Background tab to custom the background style.

Background tab

In the Background tab, it allows you to select a solid fill color or a gradient fill color as well as define its transparency.

Field	Description
Fill Style	Select the fill style of the fill color. It can either be Solid (a single color) or Gradient (a fill color that is mixed with two colors).
Transparency	Specify the transparency of the fill color. The greater the value, the more transparent the shape will become. 0 (zero) transparency makes the fill color completely opaque, while 100 (one hundred) transparency makes the fill color completely transparent. You can adjust the transparency by dragging the slider, or by typing the value in the text field. Alternatively, you can click the Opaque button  to set the fill color to opaque, or click the Transparent button to set the fill color to transparent.
Preview	The Preview pane displays a rectangle that is filled with the editing fill color. The background is checked so that you can also preview the transparency of the fill color as well.
Save as Default	To save the current fill color as the default fill color for new shapes, click the Set as Default button.
Reset to Default	To reset the current fill color to the default fill color, click the Reset to Default button.

Upon checking Gradient in Fill style field, you will see the detail pane for formatting a gradient fill color.

Gradient Fill style

Field	Description
Color 1	You can select the first color of the gradient from the Color 1 field. To select a color click the ... button or double-click on the color editor. A color chooser will appear for you a select a color.
Color 2	You can select the second color of the gradient from the Color 2 field. To select a color click the ... button or double-click on the color editor. A color chooser will appear for you to select a color.
Gradient Color Themes	The Gradient Color Themes pane displays a list of pre-defined gradient color themes. To add a new color theme select Color 1 and Color 2 then click the Add to Themes... button. Please note that you must select a combination of colors that does not already exist in the color themes. To rename a theme click on the Rename... button or double-click on the desired theme. An input dialog will appear for you to enter a new name. To remove a theme select the theme and click on the Remove button, or use the Delete key instead.
Gradient Style	The Gradient Style pane allows you to select the gradient style of the gradient fill color (the angle of how the gradient color is drawn). There are sixteen pre-defined gradient styles, which are shown as toggle button in the Gradient Style pane. To select a gradient style to use click on one of the styles.

After you finish editing, click OK to apply to the selected shape.

Formatted shape

Changing connector line style

To change the connector line style through Property pane, select the target connector on the diagram, click the ... button in Foreground row of the Property pane.

Click the ... button in the Property pane

You can format the line style in the line section. It allows you to adjust its weight (thickness), color and transparency.

Line section

Field	Description
Weight	Adjust the weight (thickness) of a line. The greater the value, the thicker the line will become. You can use the up/down button to increase/reduce the line weight, or you can type directly into the text field. The line weight ranges from 1 to 20.
Color	Specify the line color. Click on the ... button next to the Color field to select a color, either from the Default page (which shows predefined colors) or from the Custom page (which shows a larger variety of colors, and allows you to define any custom colors). NOTE: You can only enter integer values for line weight. If you type 2.8 in the text field, 2 will be applied instead.
Transparency	Specify the transparency of the line. The greater the value, the more transparent the line. 0 (zero) transparency makes the line completely opaque, while 100 transparency makes the line completely transparent. You can adjust the transparency either by dragging the slider, or by typing the value in the text field. Alternatively you can click on the Opaque button to set the fill color to opaque, or click on the Transparent button to set the fill color to transparent.
Preview	The Preview pane displays the line with the selected line format applied.