Skip to main content
Skip table of contents

Designer Panel Overview

The functions of the Designer are spread over multiple panels. The different panels are explained in detail on the following pages:

Organizing the Designer Panels

The panel arrangement within the Designer is saved per user.

You can open a second sidebar on the right side of the editor, and use both side bars to arrange the Designer panels:

open_second_sidebar.png

If you want to resize the editor, drag the handle in the middle of each border to make the editor pane larger or smaller:

enlarging_the_pane.png

Click the handle to close the sidebar, and maximize the editor to this side of the application:

maximize_pane.png

In the BPMN editor, you have another option: To gain more space for modeling, you can hide the whole execution pane. To do so, use option Hide executipon pane in the model toolbar:

hide_execution_pane.png

Managing Panels

Depending on which editor you are currently using, there are different Designer Panels available. You can show and hide the panels and also rearrange them. The panel settings are saved for each user: Your preferred settings will be displayed in every editor of the Designer.

panel_management.png

You can distinct the different panels by their icons:

Icon

Panel

attributes_panel_icon.png

Attributes Panel

controls_panel_icon.png

Controls Panel

overview_panel_icon.png

Overview Panel

search_panel_icon.png

Search Panel

styling_panel_icon.png

Styling Panel

validation_panel_icon.png

Validation Panel

The Service Panel is the only immutable panel: Users can neither close it nor move it. It is always displayed at the top of the left panel area. Refer to Service Panel for further information.

All panels are available in each editor. If they have no function for a diagram type, a corresponding message is displayed in the panel:

panel_not_in_use.png

Use the left and the right sidebar in the editor to arrange the Designer panels. 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:

hide_panels.png

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:

show_panels.png

Use drag & drop to rearrange panels. You can move panels to already existing columns. The new panel is then shown as a new tab:

rearrange_panel_tab.png

You can also arrange the panels individually. The dashed frame indicates the new position of the panel:

rearrange_panel_new.png

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

resize_panels.png

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.