jQWidgets Forums
jQuery UI Widgets › Forums › Grid › Filter dropdowns disappearing
Tagged: angular grid, bootstrap grid, javascript grid, jquery grid, jqwidgets grid, jqxgrid resizing
This topic contains 7 replies, has 3 voices, and was last updated by Peter Stoev 8 years, 11 months ago.
-
Author
-
When my grid first displays, I can see and use the filter dropdowns for each column. If I make any attempt to resize the grid, column, or browser window, the filter dropdowns disappear and only draw again when the specific column is wide enough for it’s widest value. Is there a way to keep the filter dropdown drawing regardless of column width?
This can be reproduced on your filterrow demo page by adding columnsresize=true in the grid create code and filtertypes to the columns.
Hi Pfhoenix,
we tried to recreate the issue you mentioned but we can’t. The jqxGrid is displaying properly without any issues. Check if your jqWidgets version is the latest(4.1.2), because using an older version might be the cause of your problem.
Best Regards,
ChristopherjQWidgets Team
http://www.jqwidgets.comUnfortunately, upgrading from 4.1.1 to 4.1.2 is not possible right now. I’m also having difficulty replicating the issue outside the project in question. If you take a look at this grid example, clicking set autosizecolumns will show the filter textboxes not resizing properly in the filterrow. I also can’t seem to convince it to draw the dropdown filter selection, if that’s related at all.
Something else, it looks like the filter dropdown button only shows up when the column is a certain width (nothing to do with width of data in the column). Does that help any?
After more digging around, I’ve discovered that the filter dropdown button is only rendering when the filter textbox is at max-width. If I remove max-width, the filter dropdown button doesn’t render at all. Is this default behavior or something I’ve done?
Since you guys seem unwilling to do any further troubleshooting, I dug more into your theme css. Turns out, the dropdown button was being hidden because there was padding on the text input to its left. Why? Because your jqx.base.css sets padding-left and padding-right to 3px. The two themes I was testing with were ui-smoothness and arctic. UI-smoothness doesn’t modify the values set by base, but arctic overrides it with padding-left: 0px !important. After noticing this, I set both padding-left and padding-right to 0 and voila, dropdown button reappeared.
I don’t know if this is still an issue in 4.1.2, but it is definitely an issue with your css and how it renders in IE11 in 4.1.1. Not only that, I’m fairly disappointed with your level of support, not just with the general lack of troubleshooting assistance but also that you guys seem to check your forums once a day. For something my organization paid for an enterprise license for, I would expect more professionalism.
Hi Pfhoenix,
The Forum is with Community support i.e in the Forum you should generally expect answers only from your Forum peers. We monitor the forum and answer user questions from time to time, but the Forum is for the Users. Customer support is provided by Email only and this is written in many places on our website. The Support Email is written even in the email you or your company received after purchasing a license(if you really are a licensed user). From your Forum nickname, we do not know whether you have or do not have a license as we don’t have Pfhoenix customer in the customers DB. Support is with 24 hrs or 48 hrs response time Mon-Fri. As far as I see, my colleague replied pretty quickly to your question and different questions you asked in other topics. He tried to recreate the reported issue in this topic based on the provided information. However, he could not because the information was not much.
Best Regards,
Peter StoevjQWidgets Team
http://www.jqwidgets.com -
AuthorPosts
You must be logged in to reply to this topic.