jQWidgets Forums

Tagged: docking, jqxDocking, mode, window

This topic contains 3 replies, has 2 voices, and was last updated by Dimitar 12 years, 3 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

disable docking auto sizing Posts

March 27, 2013 at 10:35 am disable docking auto sizing #18138

Mhanna AbuTareef

Participant

Hi,

I use a jqxDocking without specific width/height (i.e for all the document).

I want to add a jqxWindow (within a docking area declared like above) with a specific initialized size (width/height). But its size changed when I just move the window (drop it into different position).

How can i create a window with fixed size?

I want the size of the window being changed only when i do it manually…

Regards,

Mhanna AbuTareef

March 27, 2013 at 11:02 am disable docking auto sizing #18141

Dimitar

Participant

Hello Mhanna AbuTareef,

By setting different values to the mode property, you can change this behaviour:

‘default’-the user can drop every window inside any docking panel or outside the docking panels
‘docked’-the user can drop every window just into the docking panels
‘floating’-the user can drop any window just outside of the docking panels.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

March 27, 2013 at 12:45 pm disable docking auto sizing #18150

Mhanna AbuTareef

Participant

Hi,
The Docking still control my windows sizing…
I’m using the following code:
My desired window is #window0. The first time i moved it, its size is changed (get larger).

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" href="Scripts/jqwidgets/styles/jqx.base.css" type="text/css" />
    <link rel="stylesheet" href="Scripts/jqwidgets/styles/jqx.shinyblack.css" type="text/css" />
    <script type="text/javascript" src="Scripts/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="Scripts/gettheme.js"></script>
    <script type="text/javascript" src="Scripts/jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="Scripts/jqwidgets/jqxwindow.js"></script>
    <script type="text/javascript" src="Scripts/jqwidgets/jqxdocking.js"></script>
    <script type="text/javascript" src="Scripts/jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="Scripts/jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="Scripts/jqwidgets/jqxcheckbox.js"></script>
    <script type="text/javascript" src="Scripts/jqwidgets/jqxpanel.js"></script>
    <script type="text/javascript" src="Scripts/jqwidgets/jqxlistbox.js"></script>
    <script type="text/javascript" src="Scripts/jqwidgets/jqxdropdownlist.js"></script>
    <script type="text/javascript" src="Scripts/jqwidgets/jqxslider.js"></script>
    <script type="text/javascript" src="Scripts/jqwidgets/jqxdragdrop.js"></script>
    <script> 
        $(document).ready(function() {
            $('#docking').jqxDocking({theme:'shinyblack',  mode: 'floating'});
             $('#window0').jqxWindow({width:"100", height:"100"});
     </script>
</head>
<body class='default'>
<div id="docking">
    <div>
        <div id="window0"">
            <div>
                Window0
            </div>
            <div id="gauge0" style="overflow: hidden;">
            </div>
        </div>
        <div id="window1">
            <div>
                Window1
            </div>
            <div id="gauge1" style="overflow: hidden;">
            </div>
        </div>
    </div>
    <div>
        <div id="window2">
            <div>
                window2
            </div>
            <div id="gauge2" style="overflow: hidden;">
            </div>
        </div>
        <div id="window3">
            <div>
                window3
            </div>
            <div id="gauge3" style="overflow: hidden;">
            </div>
        </div>
    </div>
</div>
</body>
</html>

March 27, 2013 at 1:01 pm disable docking auto sizing #18152

Dimitar

Participant

Hi Mhanna AbuTareef,

Thank you for your feedback. We will look into the reported issue.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.