Sets the window width.

Code examples

Initialize a jqxWindow with the width property specified.

$('#jqxWindow').jqxWindow({width:"200px"});

Sets the window height.

Code examples

Initialize a jqxWindow with the height property specified.

$('#jqxWindow').jqxWindow({height:"400px"});

Gets or sets whether the window is disabled.

Code examples

Initialize a jqxWindow with the disabled property specified.

$('#jqxWindow').jqxWindow({ disabled:true }); 

Gets or sets window's minimum height.

Code examples

Initialize a jqxWindow with the minHeight property specified.

$('#jqxWindow').jqxWindow({ minHeight: '65px' }); 

Gets or sets window's maximum height.

Code examples

Initialize a jqxWindow with the maxHeight property specified.

$('#jqxWindow').jqxWindow({ maxHeight: 1000 }); 

Gets or sets window's minimum width.

Code examples

Initialize a jqxWindow with the minWidth property specified.

$('#jqxWindow').jqxWindow({ minWidth: '65px' }); 

Gets or sets window's maximum width.

Code examples

Initialize a jqxWindow with the maxWidth property specified.

$('#jqxWindow').jqxWindow({ maxWidth: 1000 }); 

Gets or sets whether a close button will be visible.

Code examples

Initialize a jqxWindow with the showCloseButton property specified.

$('#jqxWindow').jqxWindow({ showCloseButton: true }); 

Gets or sets whether the collapse button will be visible.

Code examples

Initialize a jqxWindow with the showCollapseButton property specified.

$('#jqxWindow').jqxWindow({ showCollapseButton: true }); 

Enables or disables the window.

Code examples

Initialize a jqxWindow with the disabled property specified.

$('#jqxWindow').jqxWindow({ disabled: 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 }); 

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 }); 

Sets or gets window's title content.

Code examples

Initialize a jqxWindow with the title property specified.

$('#jqxWindow').jqxWindow({ title: '42' }); 

Sets or gets window's content's html content.

Code examples

Initialize a jqxWindow with the content property specified.

$('#jqxWindow').jqxWindow({ content: 'foobar' }); 

Initializes the jqxWindow's content.

Code example

Invoke the setContent method.

$('#jqxWindow').jqxWindow({initContent: function()

    {

    }

});

                        

Gets or sets whether the window is draggable.

Code examples

Initialize a jqxWindow with the draggable property specified.

$('#jqxWindow').jqxWindow({ draggable: falde }); 

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 }); 

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' }); 

Gets or sets window's close animation duration.

Code examples

Initialize a jqxWindow with the closeAnimationDuration property specified.

$('#jqxWindow').jqxWindow({ closeAnimationDuration: 200 }); 

Gets or sets window's show animation duration.

Code examples

Initialize a jqxWindow with the showAnimationDuration property specified.

$('#jqxWindow').jqxWindow({ showAnimationDuration: 200 }); 

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 }); 

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 }}); 

Gets or sets window's close button size.

Code examples

Initialize a jqxWindow with the closeButtonSize property specified.

$('#jqxWindow').jqxWindow({ closeButtonSize: 32}); 

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'}); 

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 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 }}); 

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')}); 

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')}); 

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 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 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. }); 

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. }); 

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. }); 

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. }); 

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. }); 

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. }); 

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. }); 

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. }); 

Closing all open windows which are not modal.

Code example

Invoke the closeAll method.

$('#jqxWindow').jqxWindow('closeAll');

                        

Setting window's title

Code example

Invoke the setTitle method.

$('#jqxWindow').jqxWindow('setTitle', 'Sample title');

                        

Setting window's content.

Code example

Invoke the setContent method.

$('#jqxWindow').jqxWindow('setContent', '
Sample content
');

                        

Disabling the window.

Code example

Invoke the disable method.

$('#jqxWindow').jqxWindow('disable');

                        

Enabling the window

Code example

Invoke the enable method.

$('#jqxWindow').jqxWindow('enable');

                        

Returns true when jqxWindow is opened and false when the jqxWindow is closed

Code example

Invoke the isOpen method.

$('#jqxWindow').jqxWindow('isOpen');

                        

Closing the window.

Code example

Invoke the closeWindow method.

$('#jqxWindow').jqxWindow('closeWindow', element);

                        

Bringing the window to the front.

Code example

Invoke the bringToFront method.

$('#jqxWindow').jqxWindow('bringToFront');

                        

Hiding/closing the current window (the action - hide or close depends on the closeButtonAction).

Code example

Invoke the hide method.

$('#jqxWindow').jqxWindow('close');

                        

Opening/showing the current window.

Code example

Invoke the open method.

$('#jqxWindow').jqxWindow('open');

                        

Expand the current window.

Code example

Invoke the expand method.

$('#jqxWindow').jqxWindow('expand');

                        

Collapse the current window.

Code example

Invoke the collapse method.

$('#jqxWindow').jqxWindow('collapse');

                        

Moving the current window.

Code example

Invoke the move method.

$('#jqxWindow').jqxWindow('move', 300, 6000);