<ch5-form
id="demo"
submitId="room_submit_id"
cancelId="room_cancel_id"
hidesubmitbutton="true"
submitbuttonlabel="Submit"
submitbuttonicon="fa fa-play"
submitbuttontype="success"
submitbuttonstyle="border: 1px solid blue"
hidecancelbutton="true"
cancelbuttonlabel="Cancel"
cancelbuttonicon="fa fa-times"
cancelbuttontype="danger"
cancelbuttonstyle="border: 1px solid red"
>
<h2>Room X</h2>
<h5>Do not disturb</h5>
<ch5-toggle
labelOn="On"
labelOff="Off"
feedbackMode="submit"
receiveStateValue="room_donotdisturb_selected"
sendEventOnClick="room_donotdisturb_clicked">
</ch5-toggle>
<br><br>
<h5>Temperature</h5>
<ch5-slider
feedbackMode="submit"
receiveStateValue="room_thermostat_set_fb"
sendEventOnChange="room_thermostat_set"
step="10"
min="0"
max="100">
</ch5-slider>
</ch5-form>
<button id="trigger_cancel">Trigger Cancel</button>
$(document).ready(function() {
var cancelButton = $('#room_cancel_id');
var triggerCancel = $('#trigger_cancel');
triggerCancel.on('click', function(){
cancelButton.click();
});
})