• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Localization
*Translated by Google Translator.
Currency
Essential Studio
HOME
All Controls

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:

This example shows how to add shapes to symbol palette and how to customize it. The symbols property can be used to add shapes to the symbol palette. The symbolWidth and symbolHeight properties allow you to define the size of the symbols.

In this example, options to enable/disable animation, show/hide symbol descriptions, and show header icons are provided.