jQuery Window

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

by musicreader

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>Content</div>
</div>

CSS

.jqx-window-header:first-child *{
  width: 100%;
  text-align:center;
}

.jqx-window-header{
    font-size:16px;
    height:25px;
}

.jqx-window-close-button{
  position: absolute;
  right:0px;
  top:3px;
  height:25px;
  background-size:30px 30px;
}

JavaScript

$("#jqxwindow").jqxWindow({
    width: 300,
    height: 100,
});