How to edit the font size in the Data Grid widget?

  • Profile Image
    JonS3
    Asked on November 26, 2021 at 08:40 AM

    Hi, I would like to change the font size of the data in the columns of data grid widget as the default size is too big.

    Can I know what is the CSS code for doing this? Thanks.



    Screenshot
  • Profile Image
    blastermars
    Answered on November 26, 2021 at 08:48 AM

    Hi there,

    You can follow these steps to set your desired font size:

    In your form builder, you should be able to see the icon shown in the screenshot below:

    1637934370_61a0e522dac43_


    That should open the basic window for the Form Designer Tool. From there, you can edit the font size under the “Styles” tab.

    1637934393_61a0e539155ba_

    Alternatively, you can use the Advanced Designer Tool under the “Design” tab, open the “Font Options” section. From there, you can change the font size of the form.

    1637934425_61a0e559d7f17_

    1637934451_61a0e57303a22_

    Make sure to hit the save button in the Advanced Designer Tool to apply the changes.

    You can check the full guide here: https://www.jotform.com/help/186-how-to-change-your-forms-font-size/

    Let me know if you have further questions. Thank you!

  • Profile Image
    Harvey_N
    Answered on November 26, 2021 at 09:01 AM

    Hello,

    To change the font size of the data on the Data grid widget you can add this CSS code on it:

    #BootstrapDable{
    font-size:15px!important;
    }

    I hope this helps.

    Let us know if you have any questions.

  • Profile Image
    JonS 
    Answered on November 26, 2021 at 09:09 AM

    Hi,

    Thanks for the reply.

    But my issue is not about changing the font size of the form itself.

    Rather is the changing the font size of the data in the Data Grid widget, which is not control by the global settings of form designer tool you mentioned.

    Would be great if you know the CSS for the Data Grid widget that control the font size for the data. Thanks.


  • Profile Image
    JonS3 
    Answered on November 26, 2021 at 09:12 AM

    @Harvey_N,

    Thanks a lot. It worked!