Formatting labels and fields in Multiple textbox widget

  • duqadmin
    Asked on February 15, 2016 at 12:41 PM

    Is there a way to spread the 3 fields to one row and also, how can I format the individual labels to match the main label?

    Thanks!

     

    Page URL: https://form.jotform.com/60454825928969
  • Huberson
    Replied on February 15, 2016 at 2:55 PM

    Hello,

    Please add the bellow CSS code under 'Custom CSS' in the Widget. The first block will align the the 3 fields in a single row and the second is for the labels. You can tweak the second block to format the labels at you convenience. 

    tr {

        float: left;

        width: 30%;

        padding-right: 3%; 

    }

    tr:last-of-type{

        padding-right: 0;

    }

    th{

        display: block!important;

    }

    label{

        font-weight: normal;

        font-size: 0.95em;

     

    }

    Formatting labels and fields in Multiple textbox widget Image 1 Screenshot 20

     

     

    Because of the way the Widget is coded you will have to do this for each Widget.

     

    If you need more assistance please let us know. We will be happy to help you.

     

     

     

     

  • duqadmin
    Replied on February 15, 2016 at 2:59 PM

    Perfect! Thank you!