• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Symbol Palette in ASP.NET Core 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 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.


Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab