dhx-suite_forms

Test css property in buttons

by cstffx

HTML

<script src="https://cdn.dhtmlx.com/suite/edge/suite.js"></script>
<link rel="stylesheet" href="https://cdn.dhtmlx.com/suite/edge/suite.css">
<div id="myform"></div>

<div id="message" class="dhx_widget--bordered dhx_widget--border-shadow">
  Result: <span id="result">Test will run in 2 seconds</span>
</div>

CSS

.my-class {
  border: solid 5px red;
}

#message {
  color: #6C6B6B;
  margin: 10px;
  padding: 5px
}

JavaScript

let myClass = 'my-class';

let form = new dhx.Form('myform', {
  rows: [{
    id: 'mybutton',
    type: 'button',
    value: 'Add',
    icon: 'dxi dxi-plus',
    css: myClass
  }]
});

setTimeout(() => {

  let button = document.getElementById('mybutton');

  document.getElementById('result').textContent = button.classList.contains(myClass);

}, 2000);