This example illustrates predefining shapes in a palette that can be easily dragged and dropped into the drawing area. Customizable options of the symbol palette are also illustrated in this example.
|
Expandable
|
|
|
Symbol Size
|
|
|
Animation
|
|
|
Item Text
|
|
|
Header Icon
|
|
|
Show Search TextBox
|
|
This example demonstrates how to add shapes to a symbol palette and customize their appearance using the Syncfusion Diagram component. Symbol sizes can be adjusted using the width and height properties via the getSymbolInfo method. Additional features include: Enabling or disabling animation using the enableAnimation property. Activating search functionality with the enableSearch property, allowing users to find symbols by ID or search tags Note: The size of "HTML Shapes" in the symbol palette is restricted at runtime when modifying symbol size property, to maintain a consistent layout and visual appearance.