This is a migrated thread and some comments may be shown as answers.

Hide 'Show rows with values that' filter when doing excel-like filtering on RadGrid

3 Answers 280 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Ryan
Top achievements
Rank 1
Ryan asked on 09 Jul 2018, 04:22 PM

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

Sort by
0
Tsvetomir
Telerik team
answered on 11 Jul 2018, 01:53 PM
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:
<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
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
Tsvetomir
Telerik team
answered on 01 Aug 2018, 11:37 AM
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:
.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.
Tags
Grid
Asked by
Ryan
Top achievements
Rank 1
Answers by
Tsvetomir
Telerik team
Ryan
Top achievements
Rank 1
Share this question
or