jQWidgets Forums

Forum Replies Created

Viewing 6 posts - 16 through 21 (of 21 total)

← 1 2

Author

Posts

May 1, 2013 at 6:14 am in reply to: place Holder not changed place Holder not changed #20378

Mhanna AbuTareef

Participant

Hi,
I’m using version 2.8.
Tested on chrome Version 26.0.1410.64 m and also on IE 10. And in Both it’s not working.

April 17, 2013 at 12:59 pm in reply to: Place window in splitter’s div Place window in splitter’s div #19444

Mhanna AbuTareef

Participant

<!DOCTYPE html>
<html lang="en">
<head>
    <title id='Description'>This page demonstrates how to create three-pane layout using jqxSplitter. </title>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxsplitter.js"></script>
	<script type="text/javascript" src="../../jqwidgets/jqxwindow.js"></script>
	<script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxpanel.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#mainSplitter').jqxSplitter({ width: '100%', height: '100%', panels: [{ size: '20%' }, { size: '80%'}] });
            $('#rightSplitter').jqxSplitter({ height: '100%', orientation: 'horizontal', panels: [{ size: '80%', collapsible: false }, { size: '20%'}] });
			$("#jqxpanel").jqxPanel({ width: 400, height: 400 });
			$("#jqxwindow").jqxWindow({ width: 300, height: 100 });
        });
    </script>
    <style type="text/css">
        html, body
        {
            height: 100%;
            width: 100%;
            margin: 0px;
            padding: 0px;
            overflow: hidden;
        }
    </style>
</head>
<body>
    <div id="mainSplitter">
        <div>
            Left Panel</div>
        <div>
            <div id="rightSplitter">
                <div>
                    Top-Right Panel
					<div id='jqxpanel'>
						<div id="jqxwindow">
							<div> Header </div> <!-- Window Header --> 
							<div> Content</div> <!-- Window Content --> 
						</div>
					</div>
				</div>
                <div>
                    Bottom-Right Panel</div>
            </div>
        </div>
    </div>
</body>
</html>

April 9, 2013 at 12:44 pm in reply to: Place tree into other control Place tree into other control #18898

Mhanna AbuTareef

Participant

Hi,
Make sense.
Anyway, why are you using 99% (not 100%) in tree dimension?

Thanks,

April 8, 2013 at 8:23 am in reply to: Place tree into other control Place tree into other control #18819

Mhanna AbuTareef

Participant

I’m using this code:

<!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.9.1.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 type="text/javascript" src="Scripts/jqwidgets/jqxnavigationbar.js"></script>
<script type="text/javascript" src="Scripts/jqwidgets/jqxvalidator.js"></script>
<script type="text/javascript" src="Scripts/jqwidgets/jqxtree.js"></script>
<!-- TESTING -->
<script type="text/javascript">
$(document).ready(function () {
var source = [
{ label: "Item 1", expanded: true, items: [
{ label: "Item 1.1" },
{ label: "Item 1.2", selected: true }
]
},
{ label: "Item 2" },
{ label: "Item 3" },
{ label: "Item 4", items: [
{ label: "Item 4.1" },
{ label: "Item 4.2" }
]
},
{ label: "Item 5" },
{ label: "Item 6" },
{ label: "Item 7" }
];
// Create jqxTree.
$('#jqxTree').jqxTree({ source: source, width: '300px' });
///
$("#jqxnavigationbar").jqxNavigationBar({ width: 300, height: 'auto' });
});
</script>
</head>
<body class='default'>
<div id='jqxnavigationbar'>
<div>Pages</div>
<div>
<div id='jqxlistbox'></div>
<form id="addPageForm" action="./">
<input type="text" id="addPageInput"/>
</form>
</div>
<div>Tree</div>
<div id='jqxTree'>
</div>
</div>
</body>
</html>

March 27, 2013 at 12:45 pm in reply to: disable docking auto sizing 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 25, 2013 at 7:24 am in reply to: altering window’s position altering window’s position #17880

Mhanna AbuTareef

Participant

Hi,
Thanks for your reply.
It’s work now.

Regards,

Mhanna AbuTareef

Author

Posts

Viewing 6 posts - 16 through 21 (of 21 total)

← 1 2