Flowable modeler app - How to resize bpm properties window


#1

During the design of a bpm process I have constantly to scroll down to some properties. That’s because the properties window is in the bottom of the page and takes very small height.

There’s some css property I can override in order to make this section higher?


#2

Hi,

the property panel can be collapsed, but we don’t support resizing it dynamically.

You could try to overwrite some selectors to make both panels adjust proportionally to the properties panel content. Note some of the unset and calc rules need a modern browser, the following ones were tested using Chrome:

.canvas-wrapper {
  height: unset !important;
  overflow: hidden;
}

#paletteSectionOpen {
  display: none;
}

#canvasHelpWrapper {
  flex: 1 1 auto;
  float: none;
  height: unset !important;
  overflow: auto;
}

#contentCanvasWrapper {
  display: flex;
  flex-direction: column;
  float: none;
  height: calc(100vh - 100px);
  padding-left: 0;
}

#propertiesHelpWrapper {
  flex: 0 0 auto;
}

#propertiesHelpWrapper .propertySection {
  height: unset !important;
}

#propertiesHelpWrapper .selected-item-body {
  height: unset !important;
}

To quickly tested you could use some browser extension to inject user css on the page, such as this one for Chrome or the equivalent add-on for Firefox.

I hope it helps! :slight_smile: