ColorCombo.showDropPanel

Syntax

showDropPanel();

Description

The showDropPanel expands the panel to select the color.

Example

To implement the example, the ColorCombo component named colorCombo must be available (see Example of Creating the ColorCombo Component). Add a handler of the color panel value change event:

// Add a handler of the color panel value change event
colorCombo.ValueChanged.add(function (sender, args) {
    console.log("Color panel value is changed");
});

Expand the panel to select a color and get its sizes:

// Expand color panel
colorCombo.showDropPanel();
// Get panel size
console.log("Panel height: " + colorCombo.getDropPanel().getHeight());
console.log("Panel width: " + colorCombo.getDropPanel().getWidth());

As a result, color panel sizes are displayed in the console:

Panel height: 193

Panel width: 349

Select a color. The console displays the message about value change of the panel to select a color:

Value of the panel to select a color is changed