DHTMLX Docs & Samples Explorer


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

  • collapse;
  • resize;
  • highlight.

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.

Effects usage increases browser loading. So we recommend to use effects reasonably. On default, layout is adjusted optimally.