jQWidgets Forums

Forum Replies Created

Viewing 15 posts - 1 through 15 (of 21 total)

1 2 →

Author

Posts

December 12, 2013 at 3:59 pm in reply to: jqxTree with DataAdapter – knockout jqxTree with DataAdapter – knockout #46427

Mhanna AbuTareef

Participant

Hi,

I know this ability exists in jqxDropDownList.
I asked if the same ability exists for jqxTree. i.e Does tree’s source property accept dataAdapter or only array?

June 19, 2013 at 10:25 am in reply to: Add icon dynamically Add icon dynamically #23423

Mhanna AbuTareef

Participant

Hi,

In case i want to use html (because i need icon near the item), how could i attach value for this item?

Regards,

Mhanna

June 18, 2013 at 8:33 am in reply to: Add icon dynamically Add icon dynamically #23303

Mhanna AbuTareef

Participant

Hi,

Actually, i need to know how to dynamically show/hide that icons?

Regards,

Mhanna

June 13, 2013 at 8:36 am in reply to: fit column width fit column width #23086

Mhanna AbuTareef

Participant

Thanks!

But in my code i’m using a custom render function for styling a specific cell(s). The rendering is working good till i begin using the above method – ‘autoresizecolumns’.
It’s because in the inner code of this method (‘autoresizecolumns’) you are invoking the cellsrenderer (line 73 in jqxgrid.columnresize.js) function with wrong arguments number!!! regarding to the documentation of the cellsrenderer function, it expects 5 arguments, but actually you send only 3 parameters.. why?

Regards,

Mhanna

June 12, 2013 at 3:27 pm in reply to: Window resize issue Window resize issue #23042

Mhanna AbuTareef

Participant

Hi,

Already using maxWidth and maxHeight limitations. but the real problem was because i used integer values in the dimensions.
when i changed it to string (with suffix ‘px’), it works!

Anyway, it looks that minWidth can’t be instring format, for Instance, the following code generates an error:

$('#customWindow').jqxWindow({ width: "600px", height: "400px", maxWidth: "1000px", minWidth: "300px", maxHeight: "500px", minHeight: "200px", theme: theme});

Regards,

Mhanna

June 10, 2013 at 10:15 am in reply to: Window resize issue Window resize issue #22868

Mhanna AbuTareef

Participant

Hi,

Follow is a sample which demonstrates the issue of the previous post

<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="keywords" content="jQuery ScrollView, ScrollView Widget, ScrollView, Mobile ScrollView" />
    <meta name="description" content="jqxScrollView represents a widget which can be used for viewing content which is wider than the visible area outlined by the device's screen. Specific item can be chosen using drag movements or clicking/tapping on the buttons at the bottom of the jqxScrollView." />
    <title id="Description">jqxScrollView represents a widget which can be used for viewing content which is wider than the visible area outlined by the device's screen. Specific item can be chosen using drag movements or clicking/tapping on the buttons at the bottom of the jqxScrollView.</title>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css"/>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.classic.css" />
    <script type="text/javascript" src="../../scripts/gettheme.js"></script>
    <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/jqxscrollview.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
	<script type="text/javascript" src="../../jqwidgets/jqxwindow.js"></script>
    <script type="text/javascript">
        $(function () {
		var theme = getDemoTheme();
		
		 $('#customWindow').jqxWindow({ width: 1000, height: 450, theme: theme});
				
            
            $('#photoGallery').jqxScrollView({ width: 1000, height: 450, buttonsOffset: [0, 0], theme: theme });
            $('#StartBtn').jqxButton({ theme: theme });
            $('#StopBtn').jqxButton({ theme: theme });
            $('#StartBtn').click(function () {
                $('#photoGallery').jqxScrollView({ slideShow: true });
            });
            $('#StopBtn').click(function () {
                $('#photoGallery').jqxScrollView({ slideShow: false });
            });
        });
    </script>
    <style type="text/css">
        .photo
        {
            width: 600px;
            height: 450px;
            background-color: #000;
            background-position: center;
            background-repeat: no-repeat;
        }
    </style>
</head>
<body class="default">
	<div id="customWindow">
		<div id="customWindowHeader">
			Window
		</div>
		<div id="customWindowContent" style="overflow: hidden">
			<div id="photoGallery">
				<div><div class="photo" style="background-image: url(../../images/imageNature1.jpg)"></div></div>
				<div><div class="photo" style="background-image: url(../../images/imageNature2.jpg)"></div></div>
				<div><div class="photo" style="background-image: url(../../images/imageNature3.jpg)"></div></div>
				<div><div class="photo" style="background-image: url(../../images/imageNature4.jpg)"></div></div>
				<div><div class="photo" style="background-image: url(../../images/imageNature5.jpg)"></div></div>
			</div>
		</div>
    </div>
    <div style='margin-top: 20px;'>
        <br />
        <div>
            <input type="button" value="Start Slideshow" id="StartBtn" />
            <input type="button" value="Stop Slideshow" id="StopBtn" />
        </div>
    </div>
</body>
</html>

May 31, 2013 at 7:06 am in reply to: Manipulate tree node's label Manipulate tree node's label #22226

Mhanna AbuTareef

Participant

Hi,

I mean these examples:

example 1:

data: [
{"id": "anyID"
"parentid": "any"
"text": ' <p><strong>some text </strong></p>'}
]

example 2:

data: [
{"id": "anyID"
"parentid": "any"
"text": ' <span style:"color:red">some text </span>'}
]

May 31, 2013 at 6:33 am in reply to: Manipulate tree node's label Manipulate tree node's label #22224

Mhanna AbuTareef

Participant

Hi,

I already noticed that the element is created by UL\LI tag. So, i tried to add style in the text field as follows:

data: [
“id”: “anyID”
“parentid”: “any”
“text”: ‘ some text ‘
]

It works, and i see the item in a paragraph.

However, When i insert a style, as follows, the result is strange. you can try. why?

data: [
“id”: “anyID”
“parentid”: “any”
“text”: ‘ some text ‘
]

May 30, 2013 at 2:07 pm in reply to: Manipulate tree node's label Manipulate tree node's label #22184

Mhanna AbuTareef

Participant

Hi,

Is there a solution?

Regards,

Mhanna

May 30, 2013 at 10:43 am in reply to: Manipulate tree node's label Manipulate tree node's label #22161

Mhanna AbuTareef

Participant

Hi,

In case i wanna use binding by data adapter, how could i style the labels?

In this binding i may use the text field ( and later map to label field). but text field is a string.

Regards,

Mhanna

May 23, 2013 at 4:11 pm in reply to: Adding Columns on the fly Adding Columns on the fly #21773

Mhanna AbuTareef

Participant

Hi,

Well.

But in case i don’t know the number of the columns at the grid initialization…

Regards,

Mhanna

May 23, 2013 at 11:31 am in reply to: Adding Columns on the fly Adding Columns on the fly #21752

Mhanna AbuTareef

Participant

Hi,

Is it possible to add a new custom column which have not been declared previously in the source object?

Regards,

Mhanna

May 14, 2013 at 6:08 am in reply to: jqxTree getItem jqxTree getItem #21106

Mhanna AbuTareef

Participant

Thanks.

In case of more complicated tree that have more parents – NodeB, NodeC, which in turn have children NodeB1, NodeB2/NodeC1, NodeC2 respectively… How could you extract, For instance, a children of Node B?

May 8, 2013 at 11:54 am in reply to: Scroll view changing view Scroll view changing view #20766

Mhanna AbuTareef

Participant

Hi,
Why the scroll view can’t be fit to the whole window’s content?

May 8, 2013 at 11:43 am in reply to: Scroll view changing view Scroll view changing view #20765

Mhanna AbuTareef

Participant

Hi,

Try to resize the window from the right side.
1) Looks like the picture gonna be changed
2) if you try to resize from the right to the left side:
a. the window will resize.
b. the picture will change

<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="keywords" content="jQuery ScrollView, ScrollView Widget, ScrollView, Mobile ScrollView" />
    <meta name="description" content="jqxScrollView represents a widget which can be used for viewing content which is wider than the visible area outlined by the device's screen. Specific item can be chosen using drag movements or clicking/tapping on the buttons at the bottom of the jqxScrollView." />
    <title id="Description">jqxScrollView represents a widget which can be used for viewing content which is wider than the visible area outlined by the device's screen. Specific item can be chosen using drag movements or clicking/tapping on the buttons at the bottom of the jqxScrollView.</title>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css"/>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.classic.css" />
    <script type="text/javascript" src="../../scripts/gettheme.js"></script>
    <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/jqxscrollview.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
	<script type="text/javascript" src="../../jqwidgets/jqxwindow.js"></script>
    <script type="text/javascript">
        $(function () {
		var theme = getDemoTheme();
		
		 $('#customWindow').jqxWindow({ width: 600, height: 450, theme: theme});
				
            
            $('#photoGallery').jqxScrollView({ width: 600, height: 450, buttonsOffset: [0, 0], theme: theme });
            $('#StartBtn').jqxButton({ theme: theme });
            $('#StopBtn').jqxButton({ theme: theme });
            $('#StartBtn').click(function () {
                $('#photoGallery').jqxScrollView({ slideShow: true });
            });
            $('#StopBtn').click(function () {
                $('#photoGallery').jqxScrollView({ slideShow: false });
            });
        });
    </script>
    <style type="text/css">
        .photo
        {
            width: 600px;
            height: 450px;
            background-color: #000;
            background-position: center;
            background-repeat: no-repeat;
        }
    </style>
</head>
<body class="default">
	<div id="customWindow">
		<div id="customWindowHeader">
			Window
		</div>
		<div id="customWindowContent" style="overflow: hidden">
			<div id="photoGallery">
				<div><div class="photo" style="background-image: url(../../images/imageNature1.jpg)"></div></div>
				<div><div class="photo" style="background-image: url(../../images/imageNature2.jpg)"></div></div>
				<div><div class="photo" style="background-image: url(../../images/imageNature3.jpg)"></div></div>
				<div><div class="photo" style="background-image: url(../../images/imageNature4.jpg)"></div></div>
				<div><div class="photo" style="background-image: url(../../images/imageNature5.jpg)"></div></div>
			</div>
		</div>
    </div>
    <div style='margin-top: 20px;'>
        <br />
        <div>
            <input type="button" value="Start Slideshow" id="StartBtn" />
            <input type="button" value="Stop Slideshow" id="StopBtn" />
        </div>
    </div>
</body>
</html>

Author

Posts

Viewing 15 posts - 1 through 15 (of 21 total)

1 2 →