jQuery UI Widgets Forums General Discussions Changing Font Size

This topic contains 5 replies, has 3 voices, and was last updated by  Dimitar 7 years, 4 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • Changing Font Size #58216

    markus_ja
    Participant

    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.

    Changing Font Size #58220

    Dimitar
    Participant

    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/

    Changing Font Size #91876

    vnistala
    Participant

    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,

    Changing Font Size #91889

    Dimitar
    Participant

    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/

    Changing Font Size #92033

    vnistala
    Participant

    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

    Changing Font Size #92034

    Dimitar
    Participant

    Hello Venkat,

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

    Best Regards,
    Dimitar

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

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.