Colors, sizes and shading

<< Click to Display Table of Contents >>

Navigation:  Bizagi Modeler > Modeling a process >

Colors, sizes and shading

Overview

Bizagi lets you customize the appearance of your diagrams.

You can modify the text format of elements, including size and font type. You can also add shading to elements, including Pools.

 

You can define default settings for the font style and/or size, or directly customize these display 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.000 pixels.

The maximum width is 10.000 pixels.

 

Set default settings

To define the font, color and size options you want to use by default (for new elements), go to the Main Options found in the File Tab and  select Edit on the Customize BPMN elements field.

 

ChangeDefaultFont01_1

 

Set default Font and Font size

In the File Tab, select Options.

In the Custom options section of the new window, select Edit on the Customize BPMN field.

 

ChangeDefaultFont01Combo01_2

 

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

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

 

ChangeDefaultFont02

 

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 Edit in the Custom BPMN elements property.

 

ChangeDefaultFont01_1

 

You can alter the size of an element by using your mouse to drag one of the element's corners until it is the size your want by entering the dimensions you want in pixels in the Width and Height fields at the bottom left of the section.

 

ChangeDefaultFont01Combo01_2

 

Click Ok to return to the diagram.

Elements, from this point on, will be created with the default size you set.

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

 

ChangeDefaultShapesSize04

 

Restore to defaults

To restore Bizagi Modeler's default font and size of Segoe UI, size 8, click the Restore button in the configuration panel.

 

ChangeDefaultFont01Combo01_1

 

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

 

ChangeDefaultShapesSize03_1

 

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. To remove any font format, select the element(s) with the italic, bold, underline, strikethrough format enabled, and click each of them to disable them.

 

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 Left, Center or Right align.

 

Colors5

 

Styling elements

You can 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 default settings

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

 

Colors7

 

Click 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 Render group.

 

In this group, you can enable or disable the Gradient option so that the color of the elements (Gateways, Tasks, Events and Sub-processes)  appear or do not appear with a gradient fill.

 

NonGradientFill_

 

NonGradientFill_1

 

Disabling Shadows

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

 

Under this group, you can disable or enable the Shadows option so that elements such as Gateways, Tasks, Events and Sub-processes have or do not have drop shadows. Note  below how the selected flow looks with the Shadows option enabled and disabled:

 

Shadows02_1

 

Shadows01_1