mxclient | minimalist client for sending mail direct | Email library

I'm working on moving/resizing cell in mxGraph. I guess I should use some mxEvent such as MOVE_CELLS, CELLS_MOVED, RESIZE_CELLS, CELLS_RESIZED, CHANGE, RESIZE,... But it doesn't work with my code. The cell doesn't listen to those events.

I'm using this code and it works well with LABEL_CHANGED mxEvent (this event triggers when there's any change of cell value). The cell listens to the LABEL_CHANGED event, and its value will be shown to the console.

I'm using mxGraph (javascript version) to draw a graph and I need to use radial tree layout for graph layout. Look at this pen

I managed to redefine connection points (anchor points) of each vertex and you can see that by hovering the mouse over any vertex. I assumed that the radial tree layout will connect edges to anchor points of vertices, but this is not happening. Any idea how to make edges connect to anchor points of vertices?

The same code in the Pen is also available below.

I have problem something like this a decision has 3 side Input, Yes, No. I want to determine the arrow is connected to which of them.

Here is how I'm going to connect

Connected from Yes

Question: how to know connection is connected to whether Input,Yes,No sides

Note: if problem can be solved with builtin Rhombus then solution is most welcome

here is codepen link: https://codepen.io/eabangalore/pen/eYvVGOg?editors=1010

Here is code:

I want to change the color of dotted line from black to red when we drag a vertex

Question: I want to change dotted line color to red from black while drag

Here is how it appears on drag

I tried to find the dashed color on drag in mxConstants but i did not find it

I want to avoid duplicate drop on mxgraph canvas.

let say I have dragged Pipe on canvas 2nd time it should not allow it be dragged on canvas.

Question: how to avoid duplicate drop on canvas

Here is my working code drag with duplicate allowed

Drag and Drop

I'm able to decode graph xml model successfully but the cell is not visible until the drag

below GIF shows my problem

Question: I want to load the graph fully for the 1st(now showing only div) time also without need for drag

Here is how I'm doing decoding and rendering xml

I want to drag and drop those 3 shapes into mxgraph canvas (which is the black area).

Note: I want to fully preserve the drag element on the canvas, including shape, size, color, text, etc.

I don't know whether insertVertex does it work. Dragging the orange,red or other box in to the dark area currently does not work.