Customize BPMN diagram layout

You can adjust the layout of a diagram in the WebModeller in the diagram properties in the Layout and Drawing Settings areas.

Instruction — Open settings:

  1. In WebModeller, open the context menu in the model overview on the diagram

  2. Click Properties:

Settings:

These settings are available for BPMN diagrams in the Layout area:


Property

Description

Edge corner layout

Here you can set whether branches have rounded or normal edge corners.

  • Rounded:

  • Normal:

Horizontal

Attribute lanes always horizontal

Horizontal space

Note: The attribute is intended for hierarchy diagrams. Hierarchy diagrams have already been discontinued.

Vertical space

Note: The attribute is intended for hierarchy diagrams. Hierarchy diagrams have already been discontinued.

Show inputs and outputs

See also: Chapter Show and hide inputs/outputs.

Doc node for each input and output

Doc node at relation

See also: Chapter Model input/output flows.

Show input and output connections

See also: Chapter Model input/output flows.

Layouter

Here you can set the version of the Auto-Layouter that automatically arranges the shapes in the diagram in an optimal way.

See also: Chapter Modeling with the Auto-Layouter.

Edge labels on line

See also: Chapter Label connector.

Use separate ports

Optimize edges

If the layouter is set to 5.3 or lower for the diagram, this property optimizes the edges of the shapes.

Lane style

This setting determines the diagram flow:

  • Default: The Default value takes into account the lane style that is set in the diagram profile in the Lane style property in the diagram (see chapter Default settings via diagram profiles).

  • Top: The shapes are placed so that the start is at the top/left (depending on the horizontal/vertical orientation) and a straight path is drawn to the end.


  • Middle: The shapes are centered so that the start at the level of the center path draws a straight path to the end.


  • Strict middle: The shapes are centered so that the start at the level of the middle path draws a straight path to the end and the branches are also centered.


  • Bottom: The shapes are placed so that the start is at the bottom/right (depending on the horizontal/vertical orientation) and a straight path is drawn to the end.


  • Deepest path: The shapes are placed so that the start at the height of the longest path draws a straight path to the end.

Note: When the Aeneis 7.0 Layouter is active, the following lane styles are available:

  • Top

  • Strict middle

  • Deepest path

These settings are available for BPMN diagrams in the Drawing Settings area:


Property

Description

Gradient paint

Here you can define the background color of the diagram. For shapes whose background color has not yet been changed, a default background color is set.

Font color

Here you can define the font color of the diagram. For shapes whose font color has not yet been changed, a default font color is set.

Font size

Here you define the font size of the diagram and whether it is bold or italic. For shapes whose font size has not yet been changed, a default font size is set.

Stroke color

Here you can define the stroke color of the diagram. For shapes whose stroke color has not yet been changed, a default line color is set.

Stroke width

Here you can define the stroke width of the diagram in millimeters. For shapes whose stroke width has not yet been changed, a default stroke is set.

Transparency (0...100)

Here the transparency of the diagram is defined with a numeric value between 0% and 100%.

Value 100: Diagram is displayed completely transparent.

Zoom

Here you can define the zoom of the diagram. The zoom level is specified in decimal numbers, where 1.0 = 100%.

Permanent zoom

Here you set the zoom level in which the diagram is displayed by default in the WebModeller, BPM Portal, Print or Print Report. The zoom level is specified in whole numbers, where 1 = 100%.

Tooltip-Fields

Details-present-fields

Transparency on missing details

Paper width

Default value: 210 mm (DIN A4)

  • Modeling: Here you can manually enter the paper width that should be set when printing the diagram in order to test how the shapes shift in the diagram in the WebModeller.

  • BPM Portal: Here you can manually enter the paper width to be set when printing the diagram in order to test how the shapes shift in the diagram in the BPM Portal.

  • Print: The settings made in the print dialog and saved via Save settings for print reports are saved here. The properties can be adjusted manually. However, if settings are adjusted in the print dialog (even without saving them), the print dialog settings are taken into account when printing.

  • Print report: The settings made in the print dialog and saved via Save settings for print reports are saved here. The properties can be adjusted manually. The set properties are taken into account for the diagram in the print report (e.g. process report).


Paper height

Default value: 297 mm (DIN A4)

  • Modeling: Here you can manually enter the paper height that should be set when printing the diagram in order to test how the shapes shift in the diagram in the WebModeller.

  • BPM Portal: Here you can manually enter the paper height to be set when printing the diagram, in order to test how the shapes shift in the diagram in the BPM Portal.

  • Print: The settings made in the print dialog and saved via Save settings for print reports are saved here. The properties can be adjusted manually. However, if settings are adjusted in the print dialog, the print dialog settings are taken into account.

  • Print report: The settings made in the print dialog and saved via Save settings for print reports are saved here. The properties can be adjusted manually. The set properties are taken into account for the diagram in the print report (e.g. process report).


Margin left

  • Print: Here the distance is defined, which the diagram has in the print to the left margin.

  • Print report: Here you define the distance that the diagram in the print report has to the left margin.

Margin top

  • Print: Here you define the distance that the diagram has to the top margin in print.

  • Print report: This defines the distance that the diagram in the print report has to the top margin.

Margin right

  • Print: This defines the distance that the chart has to the right margin in print.

  • Print report: Here you define the distance that the diagram in the print report has to the right margin.

Margin bottom

  • Print: This defines the distance that the chart has to the bottom margin in print.

  • Print report: This defines the distance that the diagram in the print report has to the bottom margin.

View normal (vs. layout)

Activated: Normal view

Disabled: Layout view

  • Print: With the normal view, the shapes are automatically wrapped to a new page in print if they no longer fit completely on the page. With the layout view, the shapes are printed exactly as displayed. Shapes that do not fit completely on one page are split.

  • Print report: With the normal view, the shapes in the print report are automatically wrapped to a new page if they no longer fit completely on the previous page. With the layout view, the shapes are printed exactly as displayed. Shapes that do not fit completely on one page are split.

Print footer

Here you can manually set whether the footer should be printed when printing the diagram. If this setting is changed in the print dialog, this setting will be taken into account for printing. If the settings of the print dialog are saved via Save settings for print reports, the properties will be overwritten.

Print header

Here you can manually set whether the header should be printed when printing the diagram. If this setting is changed in the print dialog, this setting will be taken into account for printing. If the settings of the print dialog are saved via Save settings for print reports, the properties will be overwritten.

Show comments

See also: Chapter Insert comments at the shape.

Field to determine swimlane labels

See also: Chapter Select field for swimlane label.

Show grid

See also: Chapter Use grid.

Use grid

See also: Chapter Use grid.

Grid size (mm)

See also: Chapter Use grid.

Number model objects only

If numbers are displayed for shapes in the diagram, this property can be used to set that only those shapes are numbered that have a model object.

Edge labels on line

See also: Chapter Label connector.

Note: The maximum height or width of charts is 32,000 px. Larger images are no longer displayed in the browser or via the Java-Script framework.
When generating a diagram as PNG, if there is not enough memory left on the server, the diagram will be displayed with a limited color palette.