Change Button Style in runtime

Webix JS
1

Hi,

How do I change the “type” of a button by code?

Code:

 { view: "button", id:"btnTest", value: "TEST", type: "MyStyle1" }

CSS:

.webix_el_button .webixtype_MyStyle1 {
  background: #cc1100;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #707070), color-stop(100%, #373838));
  /* old webkit */

  background-image: -webkit-linear-gradient(#707070, #373838);
  background-image: -moz-linear-gradient(#707070, #373838);
  background-image: -ms-linear-gradient(top, #707070, #373838);
  background-image: -o-linear-gradient(top, #707070, #373838);
  border: none !important;
  color: white;
}

CSS2:

.webix_el_button .webixtype_MyStyle2 {
  background: #cc1100;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #373838), color-stop(100%, #212121));
  /* old webkit */

  background-image: -webkit-linear-gradient(#373838, #212121);
  background-image: -moz-linear-gradient(#373838, #212121);
  background-image: -ms-linear-gradient(top, #373838, #212121);
  background-image: -o-linear-gradient(top, #373838, #212121);
  border: none !important;
  color: white;
}
2

Check

http://webix.com/snippet/e14e7f4d

//set new value
  this.config.type = "MyStyle2";
//repaint the control
  this.refresh();
3

“config.type” that’s I was looking for.

Thanks!