PortAlignment.Left and PortAlignment.Right positioned wrong in custom nodes

Blazor-Diagrams / Blazor.Diagrams

A fully customizable and extensible all-purpose diagrams library for Blazor

https://blazor-diagrams.zhaytam.com

MIT License

921 stars 177 forks source link

PortAlignment.Left and PortAlignment.Right positioned wrong in custom nodes #198

Closed RonSijm closed 2 years ago

RonSijm commented 2 years ago

Reproduce:

Go to the shared demo project
SharedDemo.Demos.CustomNodeComponent
private BotAnswerNode NewNode(double x, double y)
Add node.AddPort(PortAlignment.Left); and node.AddPort(PortAlignment.Right)
Run the project

I also don't see any way to manually place the ports. Not sure if I'm missing something.

Have the same issue in my own project, where they appear on a kinda random spot:

zHaytam commented 2 years ago

Hello,

You can see here (https://github.com/Blazor-Diagrams/Blazor.Diagrams/blob/master/samples/SharedDemo/wwwroot/css/styles.css#L1553) that there is CSS only for the top and bottom ports.

The way you position your own ports is through CSS as well. So add some to your project and you should be able to do everything you want. Does that help?