• Material
  • Fabric
  • Bootstrap
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Essential JS 2
HOME
All Controls

Button

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.