Effects

There are some default effects that can be enabled/disabled in the layout:

• collapse;
• resize;
• highlight.

With the collapse effect you can enable/disable cell collapsing.
The resize effect allows/forbids to change a cell's size.
And with the enabled highlight effect, your layout area will be highlighted during cells's dragging.

To enable/disable effects - use the following code:

dhxLayout.setEffect("resize", true);
dhxLayout.setEffect("resize", false);

• The first argument - the name of an effect (“collapse”, “resize” or “highlight”)
• The second argument switches an effect on (true) or off (false).

If you need to get the current state of an effect - use getEffect() method. The name of an event is set as an argument:

var state = dhxLayout.getEffect("resize"); // returns true|false;

The method returns true if the effect is enabled, and false in opposite case.