Improving user experience - Moving filter section in column menu or make it available in other dropdown #3989
Comments
|
I am also looking for the same. It will be nice to have this feature on top of awesome existing features of UI Grid. |
aravindtrue
changed the title
|
This is a nice to have feature , i was also wondering for this sometime around. |
|
+1 |
|
Even i have such requirement for one of my project, Can any one help us out on this. Thanks in advance |
|
+1 |
|
The filter section is switchable, so you can easily add your own UI extras (perhaps in the grid menu) to show and hide the filter boxes. I think one of the tutorials even demonstrates this. Would this be sufficient for your needs? If not, you can use custom menu items on the columns to provide custom filter boxes. I have done this in one of my applications because I wanted to use modal windows to set the filters, and it works just fine. |
|
@PaulL1 Can you please provide me a Plnkr or any demonstration link? It'll be very helpful for me to analyze. |
|
This will be really very useful, I can see that it is added as milestone, could you (@swalters) please let us know if you have approximate time frame to release this feature...Thanks.. |
|
It would be great if we get this feature available in next release. |
|
I've got a prototype working. Is there anyone working on this one? Or can I send a PR for this? |
|
@Webiks can you post some screenshots here of what you've done? thanks. |
|
It might take a while. It's in the office. In the meantime, I'm having problems running the dev environment. #4071. |
|
There you go: |
|
@Webiks - The look and feel is really great! I'll try it out in my application and scale the performance. |
|
It's hardly finished, but would be great to get feedback on the go., Thanks |
|
You can now choose between multiple selection and singular selection (plnkr updated to show how). |
|
I think that it would provide a better UX and that's what we are looking for. Our UX team was proposing to have some kind of filter icon beside the column name that would expand a hidden section contailing the filter. Having the normal auto complete text or a dropdown or a customer filter like this would be nice.
The filter icon could have 2 versions: (ex: one empty and another filled)
Clearing the filter should probably be part of the expanded section. Good work with the grid guys by the way! |
|
@yccteam has a branch that provides a similar ui. It will be implemented outside the core repository. #4108 |
|
Ok, but will it ever make it into the core? At the moment, I'm adding a filter button as a custom filter that open a dialog and afterward update the term of the column. |
|
Hi and thank you for this amazing Angular module. I understand that you guys are extremely busy but I would like to still ask this question: Happy New Year! |
|
Any Ideas on how to achieve the above design using UI-grid,I saw the other options in the comments here and they are not working |
|
I think that it could be accomplished with a filtered search field like the example below.
Selections could then be displayed as a list of tags like |
|
I guess my question is I need some filter icon for each column and when I click on the icon it should toggle the filter widget on each column. |
…be placed in column menu filterContainer has a default value of "headerCell" which is the same as existing behavior. A filterContainer value of "columnMenu" moves the filter into the column menu. This improves the appearance of the filter in situations where there are multiple filters for a single column (preventing the header from simply getting taller and taller) and offers a streamlined alternative to placing the filter directly in the header cell. Fixes angular-ui#3989.
…be placed in column menu filterContainer has a default value of "headerCell" which is the same as existing behavior. A filterContainer value of "columnMenu" moves the filter into the column menu. This improves the appearance of the filter in situations where there are multiple filters for a single column (preventing the header from simply getting taller and taller) and offers a streamlined alternative to placing the filter directly in the header cell. Fixes angular-ui#3989.
…be placed in column menu filterContainer has a default value of "headerCell" which is the same as existing behavior. A filterContainer value of "columnMenu" moves the filter into the column menu. This improves the appearance of the filter in situations where there are multiple filters for a single column (preventing the header from simply getting taller and taller) and offers a streamlined alternative to placing the filter directly in the header cell. Fixes angular-ui#3989.
…be placed in column menu filterContainer has a default value of "headerCell" which is the same as existing behavior. A filterContainer value of "columnMenu" moves the filter into the column menu. This improves the appearance of the filter in situations where there are multiple filters for a single column (preventing the header from simply getting taller and taller) and offers a streamlined alternative to placing the filter directly in the header cell. Fixes #3989.
I've started using it for past few weeks, it has really improved a lot with such a great performance. I would like to share few thoughts on filter section, which works great but need few improvements on look and feel. Right now, all filter options are displayed right below the column header and it will be visible all the time. As a user, I want to see it whenever I want to filter, is there any way to move the complete filter section in column menu i.e., after sort options?
Also, I was trying to position the filter section so that I can make it available in a dropdown on user demand. But this breaks the grid header when we have horizontal scroll bar.
http://stackoverflow.com/questions/31422422/angular-ui-grid-moving-filter-section-in-column-menu
Do you have any improvement plans for filter section? Can you please help to improve the look and feel?
The text was updated successfully, but these errors were encountered: