react-d3-tree icon indicating copy to clipboard operation
react-d3-tree copied to clipboard

[QUESTION] - How to move the position of node text

Open JoffreyChevalier opened this issue 3 years ago • 4 comments

Hi everyone 🖐️.

I want to move the position of the node text (name) but i didn't find how to do it despite my research.

If anyone can explain me how to do it, it will make my day 👍.

Thank you for your answers !

Capture d’écran 2022-06-10 122232

JoffreyChevalier avatar Jun 10 '22 10:06 JoffreyChevalier

Hi @JoffreyChevalier

found one solution, in your custom css write

//For root .node__root > .rd3t-label > .rd3t-label__title{ transform: translate(-17px, 0px); }

//For branch .node__branch > .rd3t-label > .rd3t-label__title { transform: translate(-25px, 0px); }

//set position of x and y coordinates value according to your need

Devamchaudhari avatar Sep 22 '22 10:09 Devamchaudhari

@Devamchaudhari Thank you sm!

paulano1 avatar Dec 25 '22 09:12 paulano1

@Devamchaudhari Thank you sm!

welcome :) @paulano1

Devamchaudhari avatar Dec 26 '22 05:12 Devamchaudhari

how to move child nodes in corner, like up and down

rajagopalstalwart avatar Feb 17 '23 11:02 rajagopalstalwart