Example of Symbol Palette in ASP.NET MVC Diagram Control
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.
DEMO
SOURCE
|
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
enableAnimationproperty. - Activating search functionality with the
enableSearchproperty, 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.