counter widget with disabled +/-

Webix JS
#1

Hi guys.
Maybe somebody already had this feature implemented:
what’s the proper way, in counter widget, to disable “+” after value reached it’s max attribute (and same for minus button, when minimum reached). Otherwise some of our users thinks that +/- buttons don’t work as it should

#2

Hello @yurash ,
It can done via CSS styling. You can attach onChange event and use webix.html.addCss and webix.html.removeCss.
For example:

webix.html.addCss(HTMLelement , "disabled");
webix.html.removeCss(HTMLelement , "disabled");

CSS:

.disabled
{
  pointer-events: none;
  /* for "disabled" effect */
  opacity: 0.5;
  background: #CCC;
}

Please check the next snippet:
https://snippet.webix.com/0r0tyc4v

#3

Great, thanks!