Create custom label clickeable

[elgransan]

Hi I'm trying to create a buttom as label the button is rendered but in position 0,0 and it's not moving when I move a related node

widget

model

registering Diagram.RegisterModelComponent<SelectorLinkLabel, SelectorLinkLabelWidget>();

using it

       var link1 = new LinkModel(node1, node2)
            {
                TargetMarker = LinkMarker.Arrow
            };
        link1.Labels.Add(new SelectorLinkLabel(link1));
        Diagram.Links.Add(link1);

Any idea what it's wrong?

[elgransan]

Ok I solve more or less positioning with Invariant Culture (the positioning it's not perfect)

but I still can't click the button

[zHaytam]

Hello, what version are you using please?

[elgransan]

Version 2.1.6

This is how it looks right now

[zHaytam]

Can you try adding pointer-events: all; to your button or maybe even the foreignObject?

[elgransan]

I also tried to do it with extra nodes like this

But, It feels more natural to be a label

[elgransan]

It works on both, on foreignObject tag or directly on button, thanks

And It's possible to have the label over the link path instead of behind?

[elgransan]

Ok, it's solved, I need to add the translate transform and the background color couldn't be transparent

Thanks