New properties panel: Open default group / add tabs

Developers
1

Hi everyone,

I’m currently switching a project to the new properties panel. I was wondering if I can set a group to be expanded by default. In the old panel everything was expanded by default, but that seems impractical with the current groups-only approach.

Alternatively, is is possible to get tabs back in the new properties panel?

2

You can have a look at this example: GitHub - bpmn-io/properties-panel-persist-layout-example: Example that showcases how to persist the properties panel layout

It shows how to persist the layout state of each group (expanded / close) and use the propertiesPanel.layout config to make groups open on startup.

Note: This API is not stable, yet, and might be subject to change in the future.

3

Thanks, that works. For anyone interested in an example for default layout specifically:

const bpmnModeler = new BpmnModeler({
    container: '#js-canvas',
    propertiesPanel: {
        parent: '#js-properties-panel',
        layout: {
            groups: {
                details: {
                    open: true
                },
                modules: {
                    open: true
                }
            }
        }
    },