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

Question

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 · Answer

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 · Answer

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 · Answer

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

Gowtham Gunashekar · Answer

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