Filter menu style and dimensions

[GaetekParticipant]

Hi,
I’m desperately trying to change the aspect of the filter menu, but i can’t find anything in the documentation or in the code itself.
I just need reduce font and the size of the contents.

Thanks,
Gaetano

[Peter StoevKeymaster]

Hi Gaetano,

The Filter Menu’s contents are not customizable. CSS Styles like fonts are defined in the Theme files like jqx.base.css

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[GaetekParticipant]

Hi Peter,
Do you mean I can change the font style for the menu itself, but not the content inside?
If yes, what are the tags I should look for in base.css to change font size and family?

Thanks,
Gatano

[Peter StoevKeymaster]

Hi Gatano,

No, you won’t be able to do that, because you don’t have access to the Menu’s HTML Element.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[GaetekParticipant]

Hello again,

I figured out an alternative way:

 $("div[id^='gridmenu']").css('min-width','210px');
 $("div[id^='gridmenu']").css('min-height','265px');
 $("div[id^='gridmenu']").css('font-family','Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif');
 $("div[id^='gridmenu']").css('font-size','10px');
 $("div[id^='menuItem99']").css('font-family','Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif');
 $("div[id^='menuItem99']").css('font-size','10px');

This will allow changes on the filter menu at runtime.

Thanks,
Gaetano

[Author]

Posts