Applying fill, line and font styles

You can change the diagram element's style in the Formats window. To open the Formats window, right click on the shape and select Styles and Formatting > Formats... from the pop-up menu.

The Formats window
The Formats window

You can change the following settings from the Formats window

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

Changing shapes foreground style

In the Format window, 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

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.

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.

Changing shapes background style

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

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

Changing connector line style

To change a connector line's style, open the Formats window first. Right click on the connector and select Styles and Formatting > Formats... from the pop-up menu. Then, you can format the line style in the Line tab. It allows you to adjust weight (thickness), color and transparency.

Line section
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.

Changing class/entity members' styles

You can also configure the formatting of class and entity members like attributes, operations and entity columns. To configure the formatting of member:

  1. Right click on that member in the parent shape.
  2. Select Formatting > Configure Format... from the popup menu.
    Configure the format of an entity column
    Configure the format of an entity column
  3. In the Configure Member Format window, select the property or properties that you want to edit - foreground, background and/or font, and then make the changes you want. If you want to apply changes to multiple members, you can perform a multiple selection in the list on the left hand side. Press Shift/Ctrl for a multiple selection.
    Configure Member Format
    Configure Member Format

Related Resources

The following resources may help you to learn more about the topic discussed in this page.

 
Chapter 3. Style and formatting Table of Contents 2. Managing and applying styles

We use cookies to offer you a better experience. By visiting our website, you agree to the use of cookies as described in our Cookie Policy.OK