How to add a label to a palette symbol in a diagram control?

[Scott Peal]

How can we add a label to a palette symbol? Not the diagram node. For example, a user icon with a person's name under it?

[Aravind Ravi]

Hi Scott,   

 

Currently we don’t have Support to add symbol description for symbols in palette in our diagram control. We have logged “Support to add symbol description for symbols in palette” as a feature. We does not have any immediate plans to start this feature. We will implement this feature in any one of our upcoming releases.    

 

You can track the feature status from the below link 

 

Link: https://www.syncfusion.com/feedback/14360/provide-support-to-add-symbol-description-for-symbols-in-palette 

 

Regards,   

Aravind Ravi 

[Aravind Ravi]

Hi Scott,  

 

We have implemented the feature Support to Add symbol description for symbols in palette in our Essential Studio 2020 Volume 3 release v18.3.0.35  is rolled out and is available for download under the following link          

 

https://www.syncfusion.com/forums/158306/essential-studio-2020-volume-3-release-v18-3-0-35-is-available-for-download  

 

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.  

 

Regards,    

Aravind Ravi   

[Simon]

How do you add the symbol description? Is there an example?

[Gowtham Gunashekar]

Hi Scott 

 

 

Please refer to the following sample for how to add the description to the symbols in symbol palette. In the sample we have used the SymbolInfo property of the nodes to set the description to the symbols. We have added the documentation link for adding symbol description for symbols in the palette for your references.  

 

 

Code snippet: 

 

           new DiagramNode() 

            { 

                Id = "process", 

                Shape = new DiagramShape() 

                { 

                    Type = Shapes.Flow, 

                    FlowShape = Syncfusion.Blazor.Diagrams.FlowShapes.Process 

                }, 

                // Sets symbol description for process shape. 

                SymbolInfo= new SymbolInfo() 

                { 

                    Description= new Syncfusion.Blazor.Diagrams.SymbolDescription 

                    { 

                        Text="Process" 

                    } 

                } 

            }, 

 

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

Documentation link: https://blazor.syncfusion.com/documentation/diagram/symbol-palette#adding-symbol-description-for-symbols-in-the-palette 

 

Regards, 

Gowtham