## Properties

Name | Type | Default
--- | --- | ---
width | Number/String | null
Sets the window width. #### Code examples Initialize a jqxWindow with the `width` property specified.
    $('#jqxWindow').jqxWindow({width:"200px"});
height | Number/String | null
Sets the window height. #### Code examples Initialize a jqxWindow with the `height` property specified.
    $('#jqxWindow').jqxWindow({height:"400px"});
disabled | Boolean | false
Gets or sets whether the window is disabled. #### Code examples Initialize a jqxWindow with the `disabled` property specified.
    $('#jqxWindow').jqxWindow({ disabled:true });
minHeight | Number/String | 50
Gets or sets window's minimum height. #### Code examples Initialize a jqxWindow with the `minHeight` property specified.
    $('#jqxWindow').jqxWindow({ minHeight: '65px' });
maxHeight | Number/String | 600
Gets or sets window's maximum height. #### Code examples Initialize a jqxWindow with the `maxHeight` property specified.
    $('#jqxWindow').jqxWindow({ maxHeight: 1000 });
minWidth | Number/String | 50
Gets or sets window's minimum width. #### Code examples Initialize a jqxWindow with the `minWidth` property specified.
    $('#jqxWindow').jqxWindow({ minWidth: '65px' });
maxWidth | Number/String | 600
Gets or sets window's maximum width. #### Code examples Initialize a jqxWindow with the `maxWidth` property specified.
    $('#jqxWindow').jqxWindow({ maxWidth: 1000 });
showCloseButton | Boolean | true
Gets or sets whether a close button will be visible. #### Code examples Initialize a jqxWindow with the `showCloseButton` property specified.
    $('#jqxWindow').jqxWindow({ showCloseButton: true });
showCollapseButton | Boolean | false
Gets or sets whether the collapse button will be visible. #### Code examples Initialize a jqxWindow with the `showCollapseButton` property specified.
    $('#jqxWindow').jqxWindow({ showCollapseButton: true });
disabled | Boolean | false
Enables or disables the window. #### Code examples Initialize a jqxWindow with the `disabled` property specified.
    $('#jqxWindow').jqxWindow({ disabled: true });
autoOpen | Boolean | true
Sets or gets whether the window will be shown after it's creation. #### Code examples Initialize a jqxWindow with the `autoOpen` property specified.
    $('#jqxWindow').jqxWindow({ autoOpen: true });
keyboardCloseKey | Number/string | 'esc'
Gets or sets the key which could be used for closing the window when it's on focus. Possible value is every keycode and the 'esc' strig (for the escape key). #### Code examples Initialize a jqxWindow with the `keyboardCloseKey` property specified.
    $('#jqxWindow').jqxWindow({ keyboardCloseKey: 13 });
title | String | ''
Sets or gets window's title content. #### Code examples Initialize a jqxWindow with the `title` property specified.
    $('#jqxWindow').jqxWindow({ title: '42' });
content | String | ''
Sets or gets window's content's html content. #### Code examples Initialize a jqxWindow with the `content` property specified.
    $('#jqxWindow').jqxWindow({ content: 'foobar' });
initContent | Method |
Initializes the jqxWindow's content. #### Code example Invoke the setContent method.
    $('#jqxWindow').jqxWindow({initContent: function()
        {
        }
    });
draggable | Boolean | true
Gets or sets whether the window is draggable. #### Code examples Initialize a jqxWindow with the `draggable` property specified.
    $('#jqxWindow').jqxWindow({ draggable: falde });
resizable | Boolean | true
Enables or disables whether the end-user can resize the window. #### Code examples Initialize a jqxWindow with the `resizable` property specified.
    $('#jqxWindow').jqxWindow({ resizable: false });
animationType | String | fade
Gets or sets window's close and show animation type. Possible values ['none', 'fade', 'slide', 'combined']. #### Code examples Initialize a jqxWindow with the `resizable` property specified.
    $('#jqxWindow').jqxWindow({ animationType: 'combined' });
closeAnimationDuration | Number | 350
Gets or sets window's close animation duration. #### Code examples Initialize a jqxWindow with the `closeAnimationDuration` property specified.
    $('#jqxWindow').jqxWindow({ closeAnimationDuration: 200 });
showAnimationDuration | Number | 350
Gets or sets window's show animation duration. #### Code examples Initialize a jqxWindow with the `showAnimationDuration` property specified.
    $('#jqxWindow').jqxWindow({ showAnimationDuration: 200 });
isModal | Boolean | false
Sets or gets whether the window is displayed as a modal dialog. If the jqxWindow's mode is set to modal, the window blocks user interaction with the underlying user interface. #### Code examples Initialize a jqxWindow with the `isModal` property specified.
    $('#jqxWindow').jqxWindow({ isModal: true });
position | Object/String | center
Gets or sets window's position. The value could be in the following formats: 'center', 'top, left', '{ x: 300, y: 500 }', '[300, 500]'. #### Code examples Initialize a jqxWindow with the `position` property specified.
    $('#jqxWindow').jqxWindow({ position: { x: 300, y: 400 }});
closeButtonSize | Number | 16
Gets or sets window's close button size. #### Code examples Initialize a jqxWindow with the `closeButtonSize` property specified.
    $('#jqxWindow').jqxWindow({ closeButtonSize: 32});
closeButtonAction | String | hide
This setting specifies what happens when the user clicks the jqxWindow's close button. Possile values ['hide', 'close']. When closeButtonAction is 'close', clicking the close button removes the window from the DOM. #### Code examples Initialize a jqxWindow with the `closeButtonAction` property specified.
    $('#jqxWindow').jqxWindow({ closeButtonAction: 'close'});
modalOpacity | Number | 0.3
Sets or gets the jqxWindow's background displayed over the underlying user interface when the window is in modal dialog mode. #### Code examples Initialize a jqxWindow with the `modalOpacity` property specified.
    $('#jqxWindow').jqxWindow({ modalOpacity: 0.9});
dragArea | Object | null
dragArea is the screen area which is available for dragging(moving) the jqxWindow. Example value: { left: 300, top: 300, width: 600, height: 600 }. By default, the dragArea is null which means that the users will be able to drag the window in the document's body bounds. #### Code examples Initialize a jqxWindow with the `dragArea` property specified.
    $('#jqxWindow').jqxWindow({ dragArea: { left: 300, top: 300, width: 600, height: 600 }});
okButton | Object | null
Sets or gets submit button. When a ok/submit button is specified you can use this button to interact with the user. When any user press the submit button window is going to be closed and the dialog result will be in the following format: { OK: true, Cancel: false, None: false }. #### Code examples Initialize a jqxWindow with the `okButton` property specified.
    $('#jqxWindow').jqxWindow({ okButton: $('#okButton')});
cancelButton | Object | null
Sets or gets cancel button. When a cancel button is specified you can use this button to interact with the user. When any user press the cacel button window is going to be closed and the dialog result will be in the following format: { OK: false, Cancel: true, None: false }. #### Code examples Initialize a jqxWindow with the `cancelButton` property specified.
    $('#jqxWindow').jqxWindow({ cancelButton: $('#okButton')});
## Events
created | Event |
Created is triggered when the user create new window. #### Code examples Bind to the created event by type: jqxWindow.
    $('#jqxWindow').bind('created', function (event) { // Some code here. });
closed | Event |
Closed is triggered when the user close/hide any window. #### Code examples Bind to the closed event by type: jqxWindow.
    $('#jqxWindow').bind('closed', function (event) { // Some code here. });
moving | Event |
Moving is triggered when the window is dragging by the user. #### Code examples Bind to the moving event by type: jqxWindow.
    $('#jqxWindow').bind('moving', function (event) { // Some code here. });
moved | Event |
The moved event is triggered when the window is droped by the user (it's dragging have finished). #### Code examples Bind to the moved event by type: jqxWindow.
    $('#jqxWindow').bind('moved', function (event) { // Some code here. });
open | Event |
The 'open' event is triggered when the window is displayed. #### Code examples Bind to the open event by type: jqxWindow.
    $('#jqxWindow').bind('open', function (event) { // Some code here. });
close | Event |
The 'close' event is triggered when the window is closed. #### Code examples Bind to the close event by type: jqxWindow.
    $('#jqxWindow').bind('close', function (event) { // Some code here. });
expand | Event |
The 'expand' event is triggered when the window is expanded. #### Code examples Bind to the expand event by type: jqxWindow.
    $('#jqxWindow').bind('expand', function (event) { // Some code here. });
collapse | Event |
The 'collapse' event is triggered when the window is collapsed. #### Code examples Bind to the collapse event by type: jqxWindow.
    $('#jqxWindow').bind('collapse', function (event) { // Some code here. });
resizing | Event |
This event is triggered when the end-user is resizing the window. #### Code examples Bind to the resizing event by type: jqxWindow.
    $('#jqxWindow').bind('resizing', function (event) { // Some code here. });
resized | Event |
This event is triggered when the end-user has resized the window. #### Code examples Bind to the resized event by type: jqxWindow.
    $('#jqxWindow').bind('resized', function (event) { // Some code here. });
## Methods
closeAll | Method |
Closing all open windows which are not modal. #### Code example Invoke the closeAll method.
    $('#jqxWindow').jqxWindow('closeAll');
setTitle | Method |
Setting window's title #### Code example Invoke the setTitle method.
    $('#jqxWindow').jqxWindow('setTitle', 'Sample title');
setContent | Method |
Setting window's content. #### Code example Invoke the setContent method.

    $('#jqxWindow').jqxWindow('setContent', 'Sample content');
disable | Method |
Disabling the window. #### Code example Invoke the disable method.
    $('#jqxWindow').jqxWindow('disable');
enable | Method |
Enabling the window #### Code example Invoke the enable method.
    $('#jqxWindow').jqxWindow('enable');
isOpen | Method |
Returns true when jqxWindow is opened and false when the jqxWindow is closed #### Code example Invoke the isOpen method.
    $('#jqxWindow').jqxWindow('isOpen');
closeWindow | Method |
Closing the window. #### Code example Invoke the closeWindow method.
    $('#jqxWindow').jqxWindow('closeWindow', element);
bringToFront | Method |
Bringing the window to the front. #### Code example Invoke the bringToFront method.
    $('#jqxWindow').jqxWindow('bringToFront');
close | Method |
Hiding/closing the current window (the action - hide or close depends on the closeButtonAction). #### Code example Invoke the hide method.
    $('#jqxWindow').jqxWindow('close');
open | Method |
Opening/showing the current window. #### Code example Invoke the open method.
    $('#jqxWindow').jqxWindow('open');
expand | Method |
Expand the current window. #### Code example Invoke the expand method.
    $('#jqxWindow').jqxWindow('expand');
collapse | Method |
Collapse the current window. #### Code example Invoke the collapse method.
    $('#jqxWindow').jqxWindow('collapse');
move | Method |
Moving the current window. #### Code example Invoke the move method.
    $('#jqxWindow').jqxWindow('move', 300, 6000);