FilterMenu loses its style on customization

[Anup]

Hi,

I have been trying to customize the FilterMenu items for different columns in a RadGrid. I want it based on the Data Field associated with the column. I am able to implement it but the problem is with the behavior of the menu items. Items seem to be clipped inside the menu. I mean the hover effect is not properly setting the background color of the current item. Although, on removing the javascript code (to hide the filter functions), the filter menu behaves as expected.

I am attaching the snapshots. I have used the code used in this demo :
http://www.telerik.com/help/aspnet-ajax/grid-reducing-filtermenu-options.html

I want to customize the FilterMenu items based on the column name, Left align them and have a constant look and feel(as described in snapshots) for the hover effect.
Any form of help will be appreciated.

Regards,
Anup

[Tsvetina]

Hi Anup,

It is something that we seem to have missed in the example - when the menu items are hidden, the menu needs to be repainted, so it can recalculate its width based on the new widest item. Just add a call to menu.repaint() at the end of the MenuShowing function. 
We will add this in the next upload of our documentation.

Regards,
Tsvetina
the Telerik team

[Anup]

Hey Tsvetina,

Thanks alot. This worked. :)