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

Change font size of the context menu of filter button in filter row

5 Answers 333 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Sheng
Top achievements
Rank 1
Iron
Iron
Sheng asked on 20 Sep 2019, 03:40 PM

My RadGird allows filtering by column.

What's the best way to change the font size of the context menu of filter button in filter row?

5 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 25 Sep 2019, 02:48 PM

Hi Sheng,

 

You can increase the font size in the context menu of RadGrid when RenderMode is set to Lightweight using the following CSS class:

 

<style>
            .RadMenu.RadMenu_Context { font-size: 30px }
</style>

 

Regards,
Rumen
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.
0
Sheng
Top achievements
Rank 1
Iron
Iron
answered on 27 Sep 2019, 07:48 PM
Thank you!
0
Rumen
Telerik team
answered on 30 Sep 2019, 09:47 AM

You are welcome, Sheng!

Regards,
Rumen
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.
0
Justin
Top achievements
Rank 1
answered on 26 Feb 2020, 09:55 AM

Just following up this post, I can't seem to change the size of those buttons regardless of whether the grid is set to lightweight or not. Can you confirm that's the correct class for setting the button fonts as well?

 

0
Rumen
Telerik team
answered on 28 Feb 2020, 11:11 AM

Hello Justin,

For your convenience I made a screenshot based on the info in this blog post, which explains how to find out which is the class responsible for the buttons in the context menu of RadGrid:

 

The class is:

 

.GridContextMenu .rgFilterMenu .rgHCMClear, .GridContextMenu .rgFilterMenu .rgHCMFilter {
    font-size: 20px !important;
}

You can do the same for the Classic rendering, to inspect the button, find out its class and to override it.

Regards,
Rumen
Progress Telerik

Get quickly onboarded and successful with UI for ASP.NET AJAX with the Virtual Classroom technical trainings, available to all active customers. Learn More.
Tags
Grid
Asked by
Sheng
Top achievements
Rank 1
Iron
Iron
Answers by
Rumen
Telerik team
Sheng
Top achievements
Rank 1
Iron
Iron
Justin
Top achievements
Rank 1
Share this question
or