Html Window

Set the title property of the jqxWindow. Author: http://jqwidgets.com

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 id='jqxwindow'>
  <div>Header</div>
  <div>
    <input type="button" id="Confirm" value="Confirm" />
  </div>
</div>

<div id="eventWindow">
  <div>
    Confirmation Required
  </div>
  <div>
    <div>
      Please click "OK", "Cancel" or the close button to close the modal window. The dialog result will be displayed in the events log.
    </div>
    <div>
      <div style="float: right">
        <input type="button" id="ok" value="OKAY" style="margin-right: 10px" />
        <input type="button" id="cancel" value="CANCEL" />
      </div>
    </div>
  </div>
</div>

JavaScript

$("#jqxwindow").jqxWindow({
  height: 400,
  width: 700,
  theme: 'energyblue',
  title: 'confirm TEST'
});
$('#Confirm').mousedown(function() {
  myConfirm('message', onOk, onClose);
});



function myConfirm(message, okFunction, closeFunction) {
  $('#eventWindow').jqxWindow({
    autoOpen: false,
    maxWidth: 280,
    minHeight: 30,
    minWidth: 250,
    height: 'auto',
    width: 270,
    resizable: false,
    isModal: true,
    modalOpacity: 0.0,
    okButton: $('#ok'),
    cancelButton: $('#cancel'),
    initContent: function() {
      $('#ok').jqxButton({
        width: '65px'
      });
      $('#cancel').jqxButton({
        width: '65px'
      });
    }
  });
  $('#eventWindow').jqxWindow('open');
  $('#eventWindow').off('close');
  $('#eventWindow').on('close', function(event) {
    if (event.args.dialogResult.OK) {
      okFunction();
    } else {
      closeFunction();
    }
  });
}


function onOk() {
  alert('OK');
}

function onClose() {
  alert('Close');
}