Applying fill, line and font styles on diagram elements

You can change the diagram element's style in the Formats dialog box. To open the Formats dialog box, right click on the 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 in the Font section. Just click on the ... button beside 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). If you want to specify a custom color, you can switch to the Custom pane.

Font section

After change the font color, the preview will update automatically.

Changing shapes font style

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

Change font style

Field	Description
Font Name	Select different types of font. The number of fonts depends on the fonts available in your computer.
Font Style	Select the style of font. You can select one of the 4 styles, a preview will be shown for each of the style items.
Font Size	Select the size of font. You may either click on the default sizes or enter the font size in the text fields.

The Preview pane displays the selected font format.

Changing shapes background style

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

Change background style

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 by two colors).
Transparency	Specify the transparency of the fill color. The greater the value, the more transparent is the shape. 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	Save the current fill color as the default fill color for new shapes, click the Set as Default button.
Reset to Default	Reset the current fill color to the default fill color, click the Reset to Default button.

Upon selecting Gradient from the Fill style field you will see the detail pane for formatting a gradient fill color.

Check 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.

Click OK button to confirm editing. As a result, the shape is changed into formatted style.

Change shape background style result

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.

Change connector line style on property pane

You can format the line style in the line section. It allows you to adjust 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. You can use the up/down button to increase/decrease 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 beside 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: Only integer values can be used 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 a rectangle surrounded by the line with the selected line format applied.