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 |
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 |
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 |
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.
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 |
| 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).
|
||
| 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:
- Right click on that member in the parent shape.
- Select Formatting > Configure Format... from the popup menu.
Configure the format of an entity column - 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
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 |
