Remove dashed node border on selection

[Ben Mann]

Hello,

We're using HTML templates for our nodes in the Diagram Component and would like to use our own styling for the Selected state of the node. But there seems to be a dashed border that appears around the selected node that I'm unable to remove. I have removed the other user handles successfully, but the border remains.

Is it possible to get rid of this?

Thanks,

Ben.

Attachment: examplediagram_5f690c46.zip

[Ranjitha Amirthalingam]

Hi Ben,

Requirement: Need to remove or change the selector of the Node.

We understood your requirement from the provided screenshot. Currently, we are checking the possibilities to achieve your requirement and will update the details on April 11, 2022.

Regards,

Ranjitha A.

[Ranjitha Amirthalingam]

Requirement: Need to remove the dashed line of the selector.

We have achieved your requirement by updating the stroke color of the selector as transparent. We have provided code example
and sample to represent this.

Code Example:

<style>

    .e-diagram-border

    {

        stroke: transparent;

        stroke-dasharray:1,1

    }

</style>

Please let us know if you require any assistance in future.

Attachment: SelectorCustomize_d6e8d2a8.zip

[Ben Mann]

Hello,

Many thanks for this, the fix looks good.

Thanks again.

[Ranjitha Amirthalingam]

You are welcome, please let us know if you need any further assistance.

[tarun appari]

I can't able to remove the border upon selection even after tried this

[Balavignesh RaviChandran]

Thank you for reaching out.

We’ve created a simple sample demonstrating how to remove the selector's border using CSS styling, and it’s working as expected. 

Please refer to the attached sample and let us know if you encounter any issues or need further assistance.

 

Looking forward to your feedback!

Attachment: RemoveSelector_ddb69bcd.zip