JavaScript Button
Set the width property of the jqxButton.
HTML
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<div>
<input type="button" value="Click me" id='jqxButton'/>
</div>
JavaScript
$('#jqxButton').jqxButton({
width: '240px',
theme: 'energyblue'
});
var buttonEnabled=true;
$('#jqxButton').on("click", function(){
if(buttonEnabled){
$('#jqxButton').addClass("jqx-fill-state-disabled");
buttonEnabled = false;
}else{
$('#jqxButton').removeClass("jqx-fill-state-disabled");
buttonEnabled = true;
}
});