Diagram Connector Annotation Border Color

[Joseph Tan]

Hi there,

I have a diagram with annotations in the connectors ,but I can't get the annotations to have a border. 

Node borders work fine.

            var anotations = new ObservableCollection<DiagramConnectorAnnotation>()

                {

                    new DiagramConnectorAnnotation()

                    {

                        Content = $"Something",

                        Style = new AnnotationStyle() { Color = color, Fill = AppColors.GrayFaint, StrokeColor = AppColors.Black, StrokeWidth = 2, StrokeDashArray="5,5"},

                        Offset = GetConnectorAnnotationOffset(srcNodeId),

                        Alignment = AnnotationAlignment.Before,

                        HorizontalAlignment = HorizontalAlignment.Left,

                        VerticalAlignment = VerticalAlignment.Center,

                        Width = 200,

                        Height = 40,

                        Constraints = AnnotationConstraints.ReadOnly 

                    }

                };

Attachment: sf_connector_annotation_2c53bddf.7z

[Gowtham Gunashekar]

Hi Joseph, 

 

On the further analysis on the shared details, you have misunderstand that node border as the node’s annotation border, in diagram we don’t have any direct option to draw the annotation border in both nodes and connectors. However we have options to add any kind of custom template for both node and connector annotation. So, We suggest you to use annotation template functionality to achieve your requirement. We have create a sample to demonstrate how to add the custom template to node and connector for your references and please find the sample from the below link. 

 

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/AnnotationTemplate-1274455008.zip 

 

Regards, 

Gowtham.