How to customize the appearance of the selector in Blazor Diagram?

1 min read

A Blazor Diagram (SfDiagramComponent) has a predefined style for the selector that you can customize using the style properties such as stroke and stroke-dasharray of the diagram border class.

Refer to the following code example on how to change the stroke, stroke-dasharray of the selector, and the fill and stroke color of the resizer thumbs.

<style>
    .e-diagram-border {
        stroke: transparent;
        stroke-dasharray: 1,1
    }
    .e-diagram-resize-handle {
        fill: orange;
        stroke: orange;              
    }
 
</style>

Screenshot:

Blazor Diagram Customized Selector

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/SelectorSample1182193618.zip

Did you find this information helpful?

Yes

Comments

How to customize the appearance of the selector in Blazor Diagram?

Access denied