Example of Symbol Palette in Javascript Diagram Control

Symbol Palette

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.

More Details...

Symbol Size:
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.