Open In App
Related Articles

jQWidgets jqxWindow resizable Property

Improve Article
Save Article
Like Article

jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxWindow is used for entering data or viewing information in an application.

The resizable property is used to enable or disable whether the end-user can resize the specified window or not.


Set the resizable property.

$('#jqxWindow').jqxWindow({ resizable: false });  


Get the resizable property.

var resizable = $('#jqxWindow').jqxWindow('resizable'); 

Linked Files: Download jQWidgets from the given link. In the HTML file, locate the script files in the downloaded folder.

<link rel=”stylesheet” href=”jqwidgets/styles/jqx.base.css” type=”text/css” />
<link rel=”stylesheet” href=”jqwidgets/styles/jqx.summer.css” type=”text/css” />
<script type=”text/javascript” src=”scripts/jquery-1.10.2.min.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxwindow.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxbuttons.js”></script>

Example: The below example illustrates the jqxWindow resizable property in jQWidgets. For this example, resizable is set to true.


<!DOCTYPE html>
<html lang="en">
    <link rel="stylesheet" href=
        "jqwidgets/styles/jqx.base.css" type="text/css" />
    <link rel="stylesheet" href=
        "jqwidgets/styles/jqx.summer.css" type="text/css" />
    <script type="text/javascript" 
    <script type="text/javascript" 
    <script type="text/javascript" 
    <script type="text/javascript" 
    <script type="text/javascript">
        $(document).ready(function () {
                position: { x: 120, y: 180 },
                autoOpen: true,
                draggable: false,
                resizable: true,
                showCloseButton: false
        <h1 style="color:green;"> GeeksforGeeks </h1>
            jQWidgets jqxWindow resizable Property
        <div id='window'>
        <input type="button" value="Below window is resizable" />



Last Updated : 13 Sep, 2021
Like Article
Save Article
Similar Reads
Related Tutorials