Blazor-Diagrams / Blazor.Diagrams

A fully customizable and extensible all-purpose diagrams library for Blazor
https://blazor-diagrams.zhaytam.com
MIT License
919 stars 176 forks source link

Ports of custom node does not appear on diagram #301

Closed Berkayreb closed 1 year ago

Berkayreb commented 1 year ago

Hello my friend,

Firstly thank you so much for this nice library.

I try to add custom node with ports. But ports doesnt seen on page like image. image

My codes :

image

image

How can i fix this? Can you help?

Thank you in advance for your reply

Berkayreb commented 1 year ago

it is solved

owairc commented 1 year ago

how did you solve? I hit the same issue

Berkayreb commented 1 year ago

I cover the card with div as image image

After i added to css this tags

.custom-node .port { width: 20px; height: 20px; border-radius: 50%; background-color: #79bcdb; border: 3px solid #29A9E5; cursor: pointer; visibility: visible; }

.custom-node .port.bottom { position: absolute; bottom: -10px; left: 33px; }

.custom-node .port.right { position: absolute; bottom: 33px; left: 73px; }

.custom-node .port.left { position: absolute; bottom: 33px; left: -11px; }

.custom-node .port.top { position: absolute; bottom: 73px; left: 33px; }

.custom-node .port:hover, .custom-node .port.has-links, .default.group .port.has-links { background-color: black; }

owairc commented 1 year ago

thanks!