Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Published by Scroll Versions from space WDESIGNER and version 24.0

Multiexcerpt include
SpaceWithExcerptINTERNAL
MultiExcerptNamepanels_general_description
PageWithExcerptINTERNAL:_designer_excerpts

Image Removed

The Styling panel is your tool for formatting the canvas diagram pane and the contents of objects elements and attributes.
Image Removedshow_panels

Image Added

Depending on what you activate select on the canvaspane, different tabs are available:

Image Modified

The styling Styling panel is hidden by default. If you use the panel preset, you can find the icon to display icon Image Addedof the styling panel in the right upper corner of the canvas.

The icon Image Removed represents the styling panel.

diagram pane. Click it to display the panel.

To return to the panel preset, go to the user preferences and use the button Reset Panels.

Multiexcerpt include
SpaceWithExcerptINTERNAL
MultiExcerptName

hide_panels
PageWithExcerptINTERNAL:_designer_excerpts

Image Removed

Multiexcerpt include
SpaceWithExcerptINTERNAL
MultiExcerptName

tip_panel_management
DisableCachingtrue
PageWithExcerptINTERNAL:_designer_excerpts

Application Options

Use the styling panel to change the formatting of objects elements and attributes or of the canvas diagram pane itself. Depending on what you click on the canvaspanes, different tabs are available:

Tab in Styling PanelAvailabilityOptions
Attributes

The Attributes tab is available for all BPMN elements and for the BPMN canvas diagram pane itself.

Multiexcerpt include
SpaceWithExcerptINTERNAL
MultiExcerptNameinfo_styling_attributes_tab
DisableCachingtrue
PageWithExcerptINTERNAL:_designer_excerpts

Diagram Tab Diagram is only available if you click on the canvas itself.diagram pane.
Shape The Shape tab is available for all BPMN elements.
Text

Tab Text is only available for the following objectselements:

Options of Tab Attributes

INTERNAL:_designer_excerpts

Image Modified

Use the attributes Attributes tab to change the styling of an objectelement's attribute on the canvasdiagram pane.

Multiexcerpt include
SpaceWithExcerptINTERNAL
MultiExcerptNameinfo_styling_attributes_tab
DisableCachingtrue
PageWithExcerptINTERNAL:_designer_excerpts

Image Removed

Multiexcerpt include
SpaceWithExcerptINTERNAL
MultiExcerptNamedisplaying_attributes
DisableCachingtrue
PageWithExcerptINTERNAL:_designer_excerpts

Image Removed

Multiexcerpt include
SpaceWithExcerptINTERNAL
MultiExcerptNameediting_attributes
DisableCachingtrue
PageWithExcerptINTERNAL:_designer_excerpts

Image Removed

Multiexcerpt include
SpaceWithExcerptINTERNAL
MultiExcerptNameattributes_font
DisableCachingtrue
PageWithExcerptINTERNAL:_designer_excerpts

Image Removed

Multiexcerpt include
SpaceWithExcerptINTERNAL
MultiExcerptNameattributes_font_size
DisableCachingtrue
PageWithExcerptINTERNAL:_designer_excerpts

Image Removed

Multiexcerpt include
SpaceWithExcerptINTERNAL
MultiExcerptNameattributes_font_color
DisableCachingtrue
PageWithExcerptINTERNAL:_designer_excerpts

Image Removed

Multiexcerpt include
SpaceWithExcerptINTERNAL
MultiExcerptNameattributes_word_wrap
DisableCachingtrue
PageWithExcerptINTERNAL:_designer_excerpts

Image Added

You can display the attributes of an element on the diagram pane:

Select the attribute you want to show in the Attributes panel and move it to the pane by using drag & drop.

Tip

For some elements the attribute Name is displayed by default. If it has been deleted, it can be re-inserted on the pane in the way described.

Image Added

As soon as you have created an attribute of an element on the diagram pane, the Styling panel will show the tab Attributes.

Open this tab to edit the formatting of the displayed attributes.

Image Added

Font

Use this section to select the font for display of the element's attributes on the diagram pane. You have also several formatting options.

Image Added

Font Size

In this section you can change the font size of the element's attributes on the diagram pane.

Image Added

Font Color

You can also adapt the font color of the element's attributes on the diagram pane. Click on the color placeholder, then use the color picker to select a new color or enter the hexadecimal code of the desired color:

Image Added

Image Added

Word Wrap

By default, the element's attributes are displayed in a single line on the diagram pane. When the word wrap option is disabled, a placeholder (...) indicates that more text is available but hidden:

Image Added

In the attribute Description you can also enter line breaks using Ctl + Enter. To show the text including your line breaks, activate the word wrap option:

Image Added

A placeholder (...) indicates that more text is available but hidden. If you want to display the whole text, resize the attribute on the diagram pane. Go to page Resizing BPMN Elements for detailed information.

Image Added

Display Name of Attribute

Activate the checkbox if you also want to display the names of the attributes on the diagram pane.

Image Removed

Multiexcerpt include
SpaceWithExcerptINTERNAL
MultiExcerptNameattributes_display_name_of_attribute
DisableCachingtrue
PageWithExcerpt

Options of Tab Diagram

Tab Diagram is only available if you click directly on the canvasdiagram pane.

It contains all layout options applicable to your workspace.

Multiexcerpt include
SpaceWithExcerptINTERNAL
MultiExcerptNameother_background_color
DisableCachingtrue
PageWithExcerptINTERNAL:_designer_excerpts

Background Color

If you want to select a background color, activate the checkbox and click on the color placeholder that will appear.

Then use the color picker to select a new color or enter the hexadecimal code of the desired color:

Image Added

Grid Color

The checkbox is activated by default. If you want to change the background grid color of the object, click on the color placeholder to display the color picker. Use the color picker to select a new color or enter the hexadecimal code of the desired color.

If the checkbox is disabled, the grid is is not displayed, but it is still in use: Objects Elements still snap to the grid.

Grid Distance

The checkbox is activated by default. Change the grid distance by changing the number of pixels. If the checkbox is disabled, the grid will neither be displayed nor used: Objects Elements can be moved freely on the canvasdiagram pane.

Grid Style

The drop-down list offers two options to choose from:

  • Dots
  • Lines

Options of Tab Shape

In tab Shape you find all options to change the appearance of an object element on the canvasdiagram pane.

Tab Shape contains different options depending on your selection on the canvaspane:

Shape Options for

Objects

Multiexcerpt include
SpaceWithExcerptINTERNAL
MultiExcerptNameobjects_shape_tab
DisableCachingtrue
PageWithExcerptINTERNAL:_designer_excerpts

Shape Options for Relations

Multiexcerpt includeSpaceWithExcerptINTERNALMultiExcerptNamerelations_shape_tabDisableCachingtrue

BPMN Elements

Image Added

Background Color

If you want to change the background color of the element, click on the color placeholder.

Then use the color picker to select a new color or enter the hexadecimal code of the desired color:

Image Added

Image Added

Border Color

If you want to change the border color of the element, click on the color placeholder to display the color picker.

Image Added

Opacity

Changes of the opacity apply equally to background and border color.

Shape Options for Relations

Image Added

Line Color

If you want to change the color of the arrow, click on the color placeholder to display the color picker.

Use the color picker to select a new color or enter the hexadecimal code of the desired color:

Image Added

Image Added

Line Style

You have three options for the style of the arrow line. Use the drop-down list to select the desired option.

Image Added

Arrow at Start

Open the drop-down list to select the styling for the arrow head.

Image Added

Arrow at End

Open the drop-down list to select the styling for the arrow end.

Image Added

Line Width

Use this option to change the width of the arrow line.

PageWithExcerptINTERNAL:_designer_excerpts

Options of Tab Text

Image Modified

Tab Text is only available for the objects elements Service Task, User Task and Receive Task because these objects elements contain text content:

Image RemovedImage Added

Multiexcerpt include
SpaceWithExcerptINTERNAL
MultiExcerptNameobjects_font
DisableCachingtrue
PageWithExcerptINTERNAL:_designer_excerpts

Image Removed

Multiexcerpt include
SpaceWithExcerptINTERNAL
MultiExcerptNameobjects_font_size
DisableCachingtrue
PageWithExcerptINTERNAL:_designer_excerpts

Image Removed

Multiexcerpt include
SpaceWithExcerptINTERNAL
MultiExcerptNameobjects_font_color
DisableCachingtrue
PageWithExcerptINTERNAL:_designer_excerpts

Image Removed

Multiexcerpt include
SpaceWithExcerptINTERNAL
MultiExcerptNameobjects_word_wrap
DisableCachingtrue
PageWithExcerptINTERNAL:_designer_excerpts

Font

Use this section to select the font for the text within the element. You have also several formatting options.

Image Added

Font Size

In this section you can change the font size of the text within the element.

Image Added

Font Color

You can also adapt the font color of text within the element. Click on the color placeholder. Then use the color picker to select a new color or enter the hexadecimal code of the desired color:

Image Added

Image Added

Word Wrap

By default, element names can only be displayed in a single line. When the word wrap option is activated, the text will fill the available space in the element:

Image Added

When the option is disabled, a placeholder (...) indicates that more text is available but hidden:

Image Added