version: 17.1.20171.1017
When adding new conditions to the advanced filter dialog via the cog icon on a grid column, the dialog doesnt increase its height to accomodate the new condition, instead there is a scroll bar to use, so users are complaining that when adding columns, they have to continually adjust the height of the dialog.
Investigating it looks like the height is only calculated when the grid is being created, not when the dialog is being opened.
So if new conditions are added directly from the grid by clicking the cog icon the dialog is too small in height.
similiarly for
filterDialogContentsRendering
filterDialogContentsRendered
these appear to be fired only when the grid is created not on each opening of the dialog.
Is there a known technique to resize the dialog and its contents so that the scroll bar is not needed when the dialog opens.
Regards
Aidan
Hello Aidan,
One approach to calculate and set a new height to the filtering dialog based on the added filter rows is to attach to filterDialogFilterAdded event. This event provides information about the filter row height which you can get through the event arguments:ui.filter.height() and add it to the currently available filter dialog height again using the API:- https://www.igniteui.com/help/api/2016.2/ui.iggridfiltering#options:filterDialogHeight - https://www.igniteui.com/help/api/2016.2/ui.iggridfiltering#events:filterDialogFilterAdded
Please try it and let me know if it works for you.
Regards,
Tsanna
Hi
How do I calculate the new height?
When the dialog is being opened via the advanced filter cog a new condition is being added, so I need to calculate the new height in order to accomodate the new condition.
But if the user is clicking on a cog for a column that already has an advanced filter created no new condition is created, so previous height would be ok to use.
Also when the dialog is open and the new button is clicked a scroll appears, the user would prefer the dialog adjusts its height automatically.
So there are a number of scenerios that have to be accomodated in height calculation as well as knowing what to measure, but using
You may resize the filtering dialog using filterDialogHeight option: https://www.igniteui.com/help/api/2016.2/ui.iggridfiltering#options:filterDialogHeight on filterDialogOpening/filterDialogOpened event: https://www.igniteui.com/help/api/2016.2/ui.iggridfiltering#events:filterDialogOpening
Please let me know if this meets your requirement.
Regards,Tsanna