Colors, sizes and shading

<< Click to Display Table of Contents >>

Navigation:  Modeling a Process >

Colors, sizes and shading

Overview

Bizagi allows you to customize the appearance of your diagrams.

You can modify the text formatting of elements such as size, color and type of fonts.  In addition shading can be added to elements including Pools.

 

You may choose to predefine default settings for the font style, font size and shape colors, or directly customize these visual options in each diagram.

 

note_pin

The maximum space to model processes with Bizagi Modeler is calculated as follows:

Width by Height must not be over 36.000 pixels.

The maximum width size is 10.000 pixels.

 

Set default settings

To define the font and color options you want to use by default (for new elements), go to the Main Options found in the File Tab.

 

ChangeDefaultFont01

 

Set default Font and Font size

In the File Tab, select Options.

In the BPMN element options section of the new window, select the default font face and size from the drop-down lists.

 

ChangeDefaultFont01Combo

 

Click Ok to save the settings and return to the diagram.

Element captions created from this point onwards will use the default font and size.

 

ChangeDefaultFont02

 

Note that you may also restore this setting to Bizagi's default text style and size (Segoe UI, size 8) by clicking on the Restore option.

 

 

Set default size for elements

In the File Tab, select Options.

In the new window, click Configure button in the Default sizes property.

 

ChangeDefaultShapesSize01

 

To alter the size of an element, you can either do so with the mouse (drag one of the element's corners to size), or directly enter the pixels dimensions in the Width and Height fields at the bottom left of the screen.

 

ChangeDefaultShapesSize02

 

Click Ok to return to the diagram.

Elements, from this point onwards, will be created with the default size

The default setting will apply to both the Palette and Pie Menu components.

 

 

ChangeDefaultShapesSize04

 

Restore to defaults

To restore the altered font size (revert to Bizagi Modeler's default, namely Segoe UI, size 8), use the Restore button in the Options window.

 

ChangeDefaultFont01Combo01

 

Similarly, to restore the element's size to Bizagi Modeler's default, use Restore all to default values option.

 

ChangeDefaultShapesSize03

 

Customize existing diagrams

To customize a diagram, select the desired format in the Formatting group of the Home or Format tab.

 

Colors1

 

Colors2

 

 

Text formatting

Select the diagram element, then choose the desired format from the Formatting group.  The examples below show how to change the font style, italicize text and make the text bold.

To change the font face, click the arrow next to the Font combo box, then select the style from the drop-down list.  Click the Italic or Underline icon to italicize and bold text respectively.

 

Colors4   Colors3

 

To change the font color, expand the Font Color drop-down list and select the color of your choice.  For alignment, expand the Align drop-down list and select from Left, Center or Right align.

 

Colors5

 

Shading of elements

It is possible to change the background color of your diagram, as well as for all elements (this includes shapes, connectors, Pools, Lanes, or Milestones).

 

To do this, select the element you wish to customize.

Click the arrow next to Shading to select the Change option.  Expand the Change drop-down and select the appropriate color from the background color palette.

 

Colors8

 

Bizagi uses gradient fill by default for these background colors, however you may alter this setting.

For more information about disabling the gradient fill, refer to the sections below.

 

Restore to default settings

To clear all formatting and revert to the default style, select the diagram you want to restore and click on the Clear Formatting icon.

 

Colors7

 

Click on the arrow next to Shading and select the Restore option to revert to the original color.

 

Colors9

 

Disabling Gradient-fill

To disable gradient fill in element colors, go to the View tab and locate the Show group.

 

In this group, you may disable or enable the Gradient option so that the color of the elements (i.e, Gateways, Tasks, Events and Sub-processes) are not shown/published/printed with a gradient fill.

 

NonGradientFillFalse

 

 

NonGradientFill

 

Disabling Shadows

To disable shadows-styled elements, go to the View tab and locate the Show group.

 

Under this group, you may disable or enable the Shadows option so that elements such as Gateways, Tasks, Events and Sub-processes do not show/publish/print the drop shadows.

 

Shadows02

 

 

Shadows01