Kendo-angular: [Grid filtering] Cannot hide filter menu buttons

[talcarl]

I'm submitting a issue about Cannot hide filter menu buttons

• Bug report

Current behavior

Use https://www.telerik.com/kendo-angular-ui/components/grid/filtering/reusable-filter/#toc-filter-menu here.
For the popup filter menu, we have no way to hide the button panel

Expected behavior

Able to hide button panel, or even custom the entire popup content

Minimal reproduction of the problem with instructions

1. Click filter icon on grid
2. Filter menu shows up

What is the motivation or use case for changing the behavior?

To customize a fulltext search on grid table in single field

Environment

Test

Package versions:
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- UNMET PEER DEPENDENCY @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @ngrx/[email protected]
+-- @ngrx/[email protected]
+-- @ngrx/[email protected]
+-- UNMET PEER DEPENDENCY @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @types/[email protected]
+-- @types/[email protected]
+-- @types/[email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
`-- zone.[email protected]

Browser:

• Chrome (desktop) Version 66.0.3359.181 (Official Build) (64-bit)

System:

• "typescript": "~2.3.3"
• Node version: v8.9.4
• Platform: Windows 10

[rkonstantinov]

There is intentionally no built-in option to hide the filter menu buttons, as they are core part of the built-in filter menu functionality and hiding them will render the filter menu useless.

However, if you insist on hiding them you could achieve this via custom CSS, similar to the following:

    encapsulation: ViewEncapsulation.None,
    styles: [`
        .k-filter-menu .k-button-group {
            display:none;
        }
    `],

[talcarl]

@rkonstantinov Thank you. Your code works for my case.

[shreenil]

@rkonstantinov How do i hide those buttons only for specific columns?
I tried to see if there is anything from which i can identify column of filter popup but i was not able to do so.
Any help on this will be appreciated. Thanks!