Alignment and reording

Alessia_Volpi · May 30, 2024, 5:57pm

Hi, I would like to ask if you know about some function that can be invoked and that re allign or reorder the entire diagram in bpmnjs.
I recursively add other task to the process and in the end the entire diagram is a mess. So… exists some function that can help me or do i need to implement it by myself.
Thank in advance for the answer.

In order that this is the before:

And this the result of the call of the function
Screenshot 2024-04-23 alle 10.49.38

Martin · May 31, 2024, 7:25am

Recording 2024-05-31 at 09.24.57

Alessia_Volpi · May 31, 2024, 10:13am

so exist a function that i can call? In which way i can call it from bpmnjs?

Martin · May 31, 2024, 10:16am

You can use the alignElements service

github.com

bpmn-io/diagram-js/blob/develop/lib/features/align-elements/AlignElements.js

import {
  filter,
  forEach,
  isArray,
  sortBy
} from 'min-dash';

/**
 * @typedef {import('../../model/Types').Element} Element
 *
 * @typedef {import('../modeling/Modeling').default} Modeling
 * @typedef {import('../rules/Rules').default} Rules
 *
 * @typedef {import('../../util/Types').Axis} Axis
 * @typedef {import('../../util/Types').Dimension} Dimension
 *
 * @typedef { 'top' | 'right' | 'bottom' | 'left' | 'center' | 'middle' } Alignment
 */

function last(arr) {

This file has been truncated. show original

system · June 7, 2024, 10:17am

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.