Hi, I am using excel-like filtering on my RadGrid similar to this demo.
I am wondering if there is a way to hide the extra filtering option as highlighted in red in the attached image, but keep the excel-like filtering. I know that the css for the whole menu can be edited with .RadGrid_[skin] .rmGroup {} but I don't know about the filter. Thanks
3 Answers, 1 is accepted
0
Hi Ryan,
Thank you for providing a visual representation of what exactly you want to be hidden.
The extra filtering menu can be hidden using CSS. The specific menu is inside the GridContext menu and you can manipulate its appearance using the following CSS selector:
You can also check an alternative implementation in the sample provided in this code-library:
https://www.telerik.com/support/code-library/conditionally-hide-controls-from-excel-like-filtering-menu
In addition, you might want to check out the Grid - Context Menu demo for further information on the context menu and Excel-like filtering.
Regards,
Tsvetomir
Progress Telerik
Thank you for providing a visual representation of what exactly you want to be hidden.
The extra filtering menu can be hidden using CSS. The specific menu is inside the GridContext menu and you can manipulate its appearance using the following CSS selector:
<style> div.GridContextMenu .rgFilterMenu { display: none; }</style>You can also check an alternative implementation in the sample provided in this code-library:
https://www.telerik.com/support/code-library/conditionally-hide-controls-from-excel-like-filtering-menu
In addition, you might want to check out the Grid - Context Menu demo for further information on the context menu and Excel-like filtering.
Regards,
Tsvetomir
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which
deliver the business app essential building blocks - a grid component,
data visualization (charts) and form elements.
0
Ryan
Top achievements
Rank 1
Rank 1
answered on 27 Jul 2018, 06:31 PM
Thanks Tsvetomir,
This is helpful but if I use the rule you provided, it hides the extra filtering menu and also the filter and clear filter buttons. Is there a way to hide the extra filtering menu but keep the 2 buttons visible?
0
Hi Ryan,
The CSS style applied to the filtering menu did hide the whole content menu. In order to show the buttons at the bottom, another style has to be applied:
In the meantime, keeping the condition for hiding the other elements:
Please give it a try and see whether this will work for you. Should you have further queries, do not hesitate to contact us.
Best regards,
Tsvetomir
Progress Telerik
The CSS style applied to the filtering menu did hide the whole content menu. In order to show the buttons at the bottom, another style has to be applied:
.rgFilterMenu .rmContent button { display: inline;}In the meantime, keeping the condition for hiding the other elements:
.rgFilterMenu .rmContent * { display: none;}Please give it a try and see whether this will work for you. Should you have further queries, do not hesitate to contact us.
Best regards,
Tsvetomir
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.