What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Formatting labels and fields in Multiple textbox widget

    Asked by rlzolinas 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

    textbox and textbox widget in
  • Profile Image

    Answered by Huberson on February 15, 2016 at 02: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;

     

    }

     

     

    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.

     

     

     

     

  • Profile Image

    Answered by rlzolinas on February 15, 2016 at 02:59 PM

    Perfect! Thank you!