jQWidgets jqxWindow position Property

The position property in jQWidgets jqxWindow specifies the position of the window widget. The position can be set using a combination of left, top, right, and bottom values.

Syntax

$("#window").jqxWindow({
    position: { x: 100, y: 200 },
});

Parameters

• x: Specifies the horizontal position of the window.
• y: Specifies the vertical position of the window.

Example

$("#window").jqxWindow({
    position: { x: 100, y: 200 },
    height: 200,
    width: 300,
    isModal: true,
    showCloseButton: true,
});

This code creates a window with a height and width of 200 and 300 pixels respectively. It is positioned at 100 pixels from the left of the screen and 200 pixels from the top. The window is modal and displays a close button.

Remarks

• The position property only affects the initial position of the window. If the user moves the window, the position property will not change or be updated automatically.
• If the left and right properties are both specified, the right property will take precedence.
• If the top and bottom properties are both specified, the bottom property will take precedence.

Conclusion

The position property is a useful feature of jQWidgets jqxWindow that allows developers to specify the initial position of the window widget. It offers flexibility and precision in choosing where the window will be located on the screen.