JavaScript Window

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

HTML

<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id='jqxwindow'>
    <div>Header</div>
    <div>
      
      <div id="dropDownButton">

        <div id="colorPicker">
        </div>

    </div>
      
    </div>
</div>
<button id="button">Open</button>

JavaScript

$("#jqxwindow").jqxWindow({
    height: 300,
    width: 500,
    theme: 'energyblue',
    autoOpen: false
});
$("#button").click(function () {
    $("#jqxwindow").jqxWindow('open');
    
  $("#colorPicker").jqxColorPicker({
      width: 300,
      height: 300
  });    
    
  $("#dropDownButton").jqxDropDownButton({ width: 150, height: 22});

  $("#dropDownButton").jqxDropDownButton('setContent', getTextElementByColor(new $.jqx.color({ hex: "ffaabb" })));

  $("#jqxButton").jqxButton({
      height: '30px',
      width: '200px'
  });    
    
});