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

4 posts, 0 answers
  1. Ryan
    Ryan avatar
    8 posts
    Member since:
    Apr 2018

    Posted 09 Jul 2018 Link to this post

    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

  2. Tsvetomir
    Admin
    Tsvetomir avatar
    651 posts

    Posted 11 Jul 2018 Link to this post

    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.
  3. Ryan
    Ryan avatar
    8 posts
    Member since:
    Apr 2018

    Posted 27 Jul 2018 in reply to Tsvetomir Link to this post

    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?

  4. Tsvetomir
    Admin
    Tsvetomir avatar
    651 posts

    Posted 01 Aug 2018 Link to this post

    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.
Back to Top