Resize properties panel

Developers
1

Hi,

Is there any solution to make properties-panel resizable so user can increase/decrease width of the panel per needs and preferences?

Any ideas are welcome.

2

The bpmn-js-properties-panel is created to always fit its parent container you define via config.propertiesPanel.parent. E.g. given this example you can define the width of the properties panel by simply setting it via css.

#properties-panel-container {
  background: #f8f8f8;
  border-left: solid 1px #ccc;
  width: 300px;
}

A resize handler is not available, but you can easily build by simply manipulating the width property.

function resize(num) {
  const width = propertiesContainer.clientWidth;

  propertiesContainer.style.width = width + num + "px";
}

You can build something like a resize handler for the properties container or simply using buttons like shown in the sandbox.