[parascusParticipant]

Hi Hristo,

I forgot to mention that I tried to access my data in both ways once with event.args.action and once with $(event.args).action(). The result was “undefined” in the first and an error (action is not a function) in the second attempt.

Best Regards

Stephan

[parascusParticipant]

Hi Hristo,

this is the demo my code based on. The important lines are:

                $("#jqxWidget").on('itemclick', function (event) {
                    $("#eventLog").text("Id: " + event.args.id + ", Text: " + $(event.args).text());
                });

There the demo reacts onb a click on an item and executes some JS. In this JS the id and the text is retrieved by event.args.id or $(event.args).text(). Those fields are given in the data source. But how can I get the contents of my field action or how would you get the information of subMenuWidth in the demo?

Best Regards

Stephan

[parascusParticipant]

Hello to the ones who are interested in MDI,

I’ve seen that in jsfiddle a jqxwindow is hold by an area in jsfiddle. I think there the iframe is used to achieve this. Maybe this is a kind of help for you?

Best Regards,

Stephan

[parascusParticipant]

Hi Peter,

thank you for the info and the link. I wasn’t aware of the fact that giving “!important” to a class property the assignment would beat a style property. I always thought that style has the highest priority. But than everything is clear. I just have to asign “jqx-icon-ownstyle” to every button generated by jqx (for example $(.jqx-window-close-button-background)”.addClass(“jqx-icon-ownstyle”) to adjust the size.

Best regards

Stephan

[parascusParticipant]

Hi Peter,

I found a class called jqx-icon where the width and height is 16px. But when I look into the demo of jqwidgets.com under jqxWindow, the one with the movie window opened, and I look at the properties of e.g. the close button of this window there are two html elements:

<div class="jqx-window-close-button-background jqx-window-close-button-background-arctic" style="visibility: visible; width: 16px; height: 16px; margin-right: 5px; margin-left: 0px; position: absolute; right: 0px;">
    <div class="jqx-window-close-button jqx-window-close-button-arctic jqx-icon-close jqx-icon-close-arctic" style="width: 100%; height: 100%;">
    </div>
</div>

None of the classes mentioned in the example has a class whith a property of with and height. The width and height is defined via style assignment which has a higher priority than the class properties. So I don’t understand how this can work if there’s no coding of the assignment of width and height.

Best Regards

Stephan

[parascusParticipant]

Hi Peter,

is there a good place to hook in and add some buttons in the window title on my own?

Best Regards

Stephan

[parascusParticipant]

Hi again,

I just found out something about a dropdown with missing arror via Firebug:

• The surrounding div with id size-field has a width of 95% which results in 85px with additional 1px border on each side.
• The div in the surrounding div and also the next level (dropdownlistWrapper) have a with of 100% which is also 85px, this time the border is set to 0px
• The next level is first dropdownlistContent with a with of a width of 81px plus 3px for padding on the left
• The next element is the dropdownlistArrow with 19px

The sum of the widths of the elements under dropdownWrapper is 103px which does not fit into the 85px of the parent-div. Therefore there’s a linebreak and the arrow disappears. After some time or after the change of the displayed tab of the browser there is a kind of refresh so the width of dropdownlistContent is reduced to 62px which then fits into the 85px of the parent-div.

Is that helpful? How can I prevent the linebreak or update the widths so that it fits?

Kind regards

Stephan

[parascusParticipant]

Hi Dimitar,

thank you for your response. Unfortunately I can’t confirm a success to the solution because the arrow still disappears occasionally. As you can see in the screenshot below there would be enough space for the arrow. You can also see the arrow blinking when you change the size of the Window. It might be useful and I forgot to mention that I’m using Firefox 29.0.1 but it’s the same under IE 9.0.8112.16421 64-bit

Best Regards

Stephan

[parascusParticipant]

Hello Dimitar,

I’ve done a small JSFiddle-Demo which shows the effect. You can see it if you have the jqxWindow expanded on the x axes and than reduce its width. You can see that the arrow sometimes disappear by slowly making the width smaller and if you release the mouse button it sometimes stopps with the arrow not visible.

http://jsfiddle.net/parascus/Jh2Hy/3/

Best Regards and thanks for your help

Stephan

[parascusParticipant]

Hello jqWidgets-Team,

sorry for bothering. I tried to solve the problem by clearing the source and it’s working:

var source = $('#jqxDropDownList').jqxDropDownList( 'source');
$('#jqxDropDownList').jqxDropDownList( 'clear');
$('#jqxDropDownList').jqxDropDownList( 'checkboxes', true); // or false
$('#jqxDropDownList').jqxDropDownList( 'source', source);

Have a nice weekend

Stephan

[parascusParticipant]

Hi Peter,

Thank you for the solution. As expected it works fine. If I might suggest a little improvement on this? It would be good if the “disabled” property could be transfered to the menu widget via the data source as it is in many other occasions you have in other widgets.

Also the item handling could be improved if the items are handled like in the treeview or listbox where you can get it directly from the widget like var item = (‘#jqWidget’).jgxMenu(‘getItemById’, event.args.id).

Best Regards and have a nice day.

Stephan

[parascusParticipant]

Hello jqWidget-Team,

I tried some other approaches but none of them worked. Do you have a solution for my problem?

Kind regards

Stephan

[parascusParticipant]

Hi Peter,

sorry … I found the error. The class name I used was wrong. The assignment is definetly correct.

Have a nice day and best regards

Stephan

[parascusParticipant]

Hi Peter,

thank you. I’m looking forward to it

Best Regards

Stephan

[parascusParticipant]

Hi Peter,

thanks for your response. But I didn’t get it doing the right thing. In the following code I think I have added a fixed with to the content which is definetly smaller than the surrounding panel (200px < 320px)., Should this do or what am I doing wrong?

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.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/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 () {
            // Create jqxPanel
            $("#jqxWidget").jqxPanel({ width: 320, height: 480});
        });
    </script>
</head>
<body class='default' style="font-size: 12px">
    <div id='jqxWidget' style=" font-size: 12px; font-family: Verdana;">
		<div style="width:200px; font-size:12px;">
			<p>
				Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 
			</p>
			<p>
				Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 
			</p>
			<p>
				Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. 
			</p>
			<p>
				Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.             </div>
			</p>
        </div>   
    </div>
</body>
</html>

Best Regards and thanks for your help.

Stephan

[Author]

Posts