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

[Sheng]

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?

[Rumen]

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

[Sheng]

Thank you!

[Rumen]

You are welcome, Sheng!

Regards,
Rumen
Progress Telerik

[Justin]

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?

 

[Rumen]

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