Changing Font Size

[markus_jaParticipant]

Hello,

what’s the best way to change the font size on all controls?
I dould like to have a bigger font size especially on mobile devices.

[DimitarParticipant]

Hello markus_ja,

This can be achieved by modifying the font-size CSS property of the class jqx-widget, e.g.:

<style type="text/css">
    .jqx-widget
    {
        font-size: 16px;
    }
</style>

For content sections, apply the setting to jqx-widget-content.

Best Regards,
Dimitar

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

[vnistalaParticipant]

Hello Dimitar,
I have a question on font-size, how can we increase for jqx-grid.
I did the same like below but does’t seem to work
<style type=”text/css”>
.jqx-grid-header, .jqx-grid-column-header
{
font-size: 16px;
}
</style>

Any help is appreciated.
Thanks,

[DimitarParticipant]

Hello vnistala,

Here is how to increase the font size of both the grid’s header and its cells: http://jsfiddle.net/Dimitar_jQWidgets/e73da4wm/.

Best Regards,
Dimitar

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

[vnistalaParticipant]

Hello Dimitar,
Thanks for the post and suggestions. I’m using jqx.metrodark.css, i guess we can also increase the fonts in this css file
Regards,
Venkat

[DimitarParticipant]

Hello Venkat,

If you wish, you can modify the theme file directly, yes.

Best Regards,
Dimitar

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

[Author]

Posts