JqxGrid – Filter/Sort Menu cropped at last row

[jedaMember]

Hi,

When I click on Filter/Sort arrow on a column, the menu shows up but only the tops of the Filter and Clear buttons can be seen, the rest of button images and texts are cut off (IE9/Chrome/FF). I tried removing the filter items, but the “Remove Sort” row becomes cut off too, so something is wrong with how the generated Filter/Sort menu get its height/width calculated? Is there a way to force the Filter/Sort Menu to have its height adjusted? If I inspect the menu element and edit the “gridmenu*” style height through that tool, it does adjust the height like I want and shows the full buttons. I’m having a problem forcing it thru code though, I tried resetting the size after creating the jqxgrid using $(“div#gridmenuMyGrid”).css(“height”, “300px”) but the height doesn’t change. It does resize its width when I set the width $(“div#gridmenuMyGrid”).css(“width”, “200px”) so I can’t say that it’s not targetting that element.

$(“#MyGrid”).jqxGrid({
width: “100%”,
source: data,
theme: theme,
sortable: true,
filterable: true,
columnsresize: true,
columnsreorder: true,
autoheight: true,
pageable: true,
pagesize: 50,
altrows: true,
columns: columns
});

Any ideas here? Thanks!

[Peter StoevKeymaster]

Hi jeda,

According to me, your Grid is not initialized from a visible HTML element or you use some old version of jQWidgets. In addition, forcing widths and heights using jQuery is not suggested. If you would like, you can send a full sample which demonstrates your scenario and we will test it.

Best Regards,
Peter Stoev

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

[wsessomsParticipant]

Hi Peter,
I want to congratulate you on great piece of software. I have just started using it and will be upgrading to a license version as soon as the application that I’m working on it completed.

I am working with Mira CMS and cold fusion on the server side to do database manipulation and I’m also using cold fusion pages: on the server instead of HTML. I ran into a problem that I saw you had replied to in reference to the sort / filter dialog window filter and clear buttons being cut off in the popup window.

as part of your answer to the solution you stated that the user is not initializing from invisible HTML element or the user is using an old version of the plugin.

Can you give me some insight into how to solve this problem. I’m using a container for the grid as follows
<div id=’jqgrid’></div>
and I have downloaded the version that is currently available on your website.

Your help will be greatly be appreciated.

[Peter StoevKeymaster]

Hi wsessoms,

Another option could be a CSS conflict with your application’s other CSS styles. If you wish, you can provide a small sample in http://jsfiddle.net/ which demonstrates your issue and we will test it. If it’s a problem on our side, I will add a work item and we will resolve it as soon as possible.

Best Regards,
Peter Stoev

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

[wsessomsParticipant]

Peter,
Thank you for the fast reply. There was a css styles conflict in one of css files. I made the adjustment and everything is working perfectly now.

Thanks

[Author]

Posts