Page History

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.

Example:

• In a BPMN model, a library lib is used

The Bridge Base library is supplied as standard in the Designer and cannot be deleted from the library panel. The library contains the Bridge base types:

• Any
• Blob
• Boolean
• DateTime
• Float
• Integer
• String

Most of these base types are only able to hold one single piece of information, like text in a string, true or false in a boolean, or binary data in a blob.

If you wish to associate several bits of information, you have to define a complex type that combines a number of independent base types and possibly other complex types. Such complex types are modeled as classes in UML. To use your own classes, define them in a library and upload this customized library to the Designer.

A persisted variable can have a default value. If this is the case, you can find the field Default Value in the Attributes panel.

Use the field if you want to change the initial value.

To define the timer settings, click the icon  and an editor will open. For detailed explanations see How to Use the Scheduler/Timer.

You can hide panels that you do not currently need. The icons of hidden panels are displayed in the right upper corner of the editor.

The Designer panels can be displayed on the left and right side of the panes and support the user during modeling.

You can also arrange the panels individually.

The dashed frame indicates the new position of the panel.

Use drag & drop to rearrange panels.

You can move panels to already existing columns. The new panel is then shown as a new tab.

It is also possible to resize panels by dragging the vertical or horizontal panel borders.

The Search panel helps you to find elements on the panes. Enter your search term in the box.

• Use icon to reset the search box.

Click on a match in the list to focus the element on the pane. This applies to elements on the diagram pane...

... as well as to elements on the execution pane.

Enter your search term in the box. The results are displayed in a hit list below.

The list displays the results in the following sections:

• Elements
• Execution Variables - Persisted
• Execution Variables - Local
• Execution Steps

To show a hidden panel again, click on its icon. Hover over an icon to show the name of the corresponding panel. The panel is inserted at the position where it was last visible.

If you click icon the Field Configuration editor opens:

Use the editor to add and manage the content of your element:

Option	Description
	Use the Add button to insert new rows.
	Use icon Drag to change the order of the rows.
Info You can enter the options for this element as value pairs. When entering value pairs, always the first value (Value) is saved as key in the data container. The second value (Label) is used as notification to the user. The label is displayed in the form. Value pairs may also contain numbers, so that a user can chose a text option, but in the background a calculation is carried out.
	Enter a Value for your element option. Note It is not possible to assign the same value to different labels.
	Enter a Label for your element option. The label is displayed in the form.
	Click on this icon to set the option as default.
	Use this icon to delete the option.
	Use the Save button to save your changes.
	Use the Cancel button to discard your changes.

Enables a field-acurate layout customization.

A valid CSS class.

A commentary field for the developer. The content is invisible to users and its sole purpose is internal documentation.

Go to page Modeling Forms for further information regarding editing of form elements using the context menu.

Field name shown in the form.

The element must be filled or used if the checkbox is  activated.

Element may remain empty (default).

Element must be filled.

Technical identifier for data processing and not visible for the end user.

Alphanumercial characters and underscore.

The content of this attribute is displayed in the element when attribute Text has not been filled. The placeholder is a sample value, it is not saved in the database. When a user overwrites the placeholder, it disappears and the user's input is saved in attribute Text.

This field is write-protected.

User can enter values (default).

User cannot enter values.

Displays the type of the form element in read-only mode.

In this field, you can enter text.

The attribute is used to adjust the position of a form element in context to a bigger neighboring element.

Example: The Radio Button Group Color is much bigger than the Button Next, but the button should be shown at the bottom of the form. Therefore, the button's attribute Vertical Alignment is set to Bottom.

Align the element in the middle of the element cell.

Align the element on top of the element cell (default).

If you switch back to the explorer tab, the new BPMN model is also displayed in the tree. To open a BPMN model from the explorer tree, use the  icon.

When you create a new model, it opens automatically in a new tab and you can directly start modeling.

Enter a name for the BPMN model in the pop-up window Create New Model. Click Save.

Enter a name for the folder in the pop-up window Create New Folder. Click Save.

Enter a name for the service in the pop-up window Create New Service. Click Save.

Cutting and Pasting

	If you want to use an element at a different position in the tree, select the context menu option Cut Item.
	Open the context menu of the element in which you want to insert the cut element and choose Paste Item. Info The option Paste Item is only enabled if the elements to be inserted fit into the tree hierarchy. Pasting elements is only possible in the same namespace.
	The element is now displayed on its new place in the tree.

Enter your text in the editor. Various formatting tools are provided.

Click Save and Close to confirm your text or Cancel to abort the action.

On top of the explorer tree you can find a search box. You must select any content in the tree to enable the search box.

The new folder is created and displayed in the tree.

You are now able to paste the URL, for example in an email.

Each newly created service contains already the folders Libraries, Models and Forms.

The new service is created and displayed in the tree.

The action is confirmed by a toast message.

Export

	The export is an available option for the following elements: Folder Service Models Single BPMN Model Forms Single Form If you want to export an element, for example to create a backup copy of your model, choose the option Export in the context menu.
	If you choose to export from a Models or a Forms folder as well as from a BPMN Model or a single Form, the export starts directly. During the export the message Generating file... is displayed.
	A toast message also confirms the successful export.

Export

	The export is an available option for the following elements: Folder Service Models Single BPMN Model Forms Single Form If you want to export an element, for example to create a backup copy of your model, choose the option Export in the context menu.
	If you choose to export from a Folder or Service, you have the choice whether or not to include the libraries used in the export. By default, the checkbox Include libraries is activated. Click Export to confirm your choice and start the action.
	During the export the message Generating file... is displayed.
	A toast message also confirms the successful export.

Import

	The import is an available option for the following elements: Namespace Folder Models Forms If you want to import an element, for example to transfer a backup copy to another namespace, choose the option Import in the context menu.
	The pop-up Import will open. Click button Choose File to select the file you want to import.
	The name of the chosen file is displayed. If you want to change your selection, use the button Change File. If the correct file has been selected, start the import by clicking the Import button.
	A toast message confirms the successful import.
	If you import into a namespace or folder, you can use import files that include the necessary libraries. Using an export with included libraries will result in a pop-up notice. Two different notes are possible: Successfully imported: The libraries were not yet available in the namespace and have been imported successfully.
	Already present in the database: The libraries have already been available in the namespace, the import therefore ignores the libraries.
	The imported element is displayed in the tree.

To add an unused library to the project, click on the  icon.

If documentation is available, it will be displayed in a separate pop-up.

The dialog Manage Libraries opens.

Currently unused libraries are displayed on the left side of the window, the libraries that are already available in this project are shown on the right side.

Expand the drop-down list to display the details of the library such as versions and dependencies.

You can also remove libraries from the list of used libraries.

Open the dialog Manage Libraries again and click the  icon.

The library will switch back to the Unused Libraries column.

Use the documentation icon to display the documentation of a library.

The library is now displayed in the column Used Libraries.

If you have finished, do not forget to Save.

Display Name of Attribute

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

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.

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:

Font Size

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

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:

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:

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.

Open the Styling panel to use the configuration options of the element.

Font

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

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:

Font Size

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

The elements toolbar contains all BPMN elements that you can create on the diagram pane.

	By default, the elements toolbar only displays the icons of the available BPMN elements. But you can also expand the toolbar by using the icon.
	In its expanded version, the names of all elements are also displayed. Tip In chapter Supported BPMN Elements all elements and their specific properties are described.
	Drag the element you want to create from the toolbar and drop it on the diagram pane. Another way to create a form element is to click on the element in the toolbar, switch to the editor and click again. To cancel the operation, press the Esc key. Tip Further details are explained on page Adding BPMN Elements.

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:

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

If you want to enlarge the editor, use icon  in the middle of each frame to draw the frame larger or smaller.

With a click on the icon, the window maximizes on this side of the frame.

The model toolbar assists you during modeling on the diagram pane:

The following table explains the available tools:

Use this icon to restore the action that you had previously undone

Tool Icon	Tool Name	Description
	Export	Use this icon to export your BPMN model in JSON format.
	Report	Click the Report icon to print your model. You have two options: You can send your model directly to a printer or save it as a Word document. See page Creating Diagram Reports for details.
	Share	If you click the Share icon, the URL of your BPMN model is copied to the clipboard and you can paste it elsewhere, for example in an email.
	Publish to cockpit	If you want direct access to your BPMN model in your Cockpit, click on the icon Publish to cockpit. If you open your cockpit the next time, an external link tile grants you direct access to the model.
	Hide execution pane	Use this icon to hide the execution pane. This allows to gain more space during modeling.
	Toggle grid	Use this icon to enable or disable the grid on the diagram pane. The grid supports you during modeling: If the grid is enabled, elements snap to the grid points.
	Show invalid	Multiexcerpt include SpaceWithExcerpt INTERNAL MultiExcerptName model_toolbar_show_invalid PageWithExcerpt _designer_excerpts
	Start service	Multiexcerpt include SpaceWithExcerpt INTERNAL MultiExcerptName model_toolbar_start_service PageWithExcerpt _designer_excerpts
	Stop service	Multiexcerpt include SpaceWithExcerpt INTERNAL MultiExcerptName model_toolbar_stop_service PageWithExcerpt _designer_excerpts
	Open Bridge	Multiexcerpt include SpaceWithExcerpt INTERNAL MultiExcerptName model_toolbar_open_bridge PageWithExcerpt _designer_excerpts
	Deploy service	Multiexcerpt include SpaceWithExcerpt INTERNAL MultiExcerptName model_toolbar_deploy_service PageWithExcerpt _designer_excerpts
	Export repository	Multiexcerpt include SpaceWithExcerpt INTERNAL MultiExcerptName model_toolbar_export_repository PageWithExcerpt _designer_excerpts
	Clear Compiler cache	Multiexcerpt include _designer_excerpts SpaceWithExcerpt INTERNAL MultiExcerptName model_toolbar_clear_compiler_cache PageWithExcerpt _clear_compiler_cache PageWithExcerpt _designer_excerpts
Image Added	Insert/Remove horizontal space	Use this icon if you need more or less space on the diagram pane. Click on the pane to display the start line, the second click marks the end line and defines the size of the area to be added. To add space, click from left to right to define the area. If you want to delete a horizontal space, click from right to left to define the area.
Image Modified	Insert/Remove horizontal vertical space	Use this icon if you need more or less space on the diagram pane. Click on the pane to display the start line, the second click marks the end line and defines the size of the area to be added. To add space, click from left top to right bottom to define the area. If you want to delete a horizontal vertical space, click from right bottom to left to define the area.
Image Removed	Insert/Remove vertical space	Use this icon if you need more or less space on the diagram pane. Click on the pane to display the start line, the second click marks the end line and defines the size of the area to be added. To add space, click from top to bottom to define the area. If you want to delete a vertical space, click from bottom to top to define the area.
Image Removed	Undo	If you want to cancel your last action on the diagram pane, use this icon.
Image Removed	Redo
top to define the area.
Image Added	Undo	If you want to cancel your last action on the diagram pane, use this icon.
Image Added	Redo	Use this icon to restore the action that you had previously undone.

You can open a second sidebar on the right side of the editor. Use both sidebars to manage the Designer Panels.

Use this icon to clear your Compiler cache.
You need to clear your Compiler cache after you have updated a library.

Example:

• In a BPMN model, a library lib is used in version 1.0.0 from January.
• In the library administration, lib 1.0.0 is replaced with 1.0.0 from February.
• The user has to clear the Compiler cache to get 1.0.0 from February.

Use this icon to deploy the service.

Create an export of the Designer service repository by clicking this icon.

Use the export:
a) If you want to deploy the repository to another Bridge.
b) If you want to analyze the service with the Analyzer.

Open your Scheer PAS Bridge with a click on this icon.

Activate the icon to highlight all invalid elements.

Click on this icon to start your service.

Stop the service by clicking on this icon.

If you want to insert a description for your element, click here to enable edit mode and enter your text.

Click here to insert or change attribute Name.

If you want your model to fit to the screen, use the  icon at the bottom of the editor.of the editor.

Managing Panels

Image Added

The availability of the

You can recognize the different panels by their icons: Icon Panel Availability Image Modified Attributes Panel BPMN Editor Form Editor Mapping Editor Image Modified

Library

Service Panel BPMN Editor Form Editor Mapping Editor Image Modified Overview Panel BPMN Editor Image Modified Search Panel BPMN Editor Mapping Editor Image Modified Styling Panel BPMN Editor Image Modified Validation Panel