How can I get a number of text boxes onto one line?

  • Profile Image
    atlasone
    Asked on August 18, 2015 at 10:55 PM

    For example Telephone number: Area Code (text box) telephone number (text box)

     

    How do you wish to vote?  For ( check box) Against (check box) abstain (check box)

     

    Departure date  (text box)  Return date (text box)

     

    Regards

    Mike Bartelett

    mjb@globaldomesltd.com

  • Profile Image
    Sammy
    Answered on August 19, 2015 at 04:09 AM

    You can achieve the desired layout by doing the following

    The phone field already has a code and number aligned by default

    Add check-box items then shrink them to occupy half the column

    Next set the labels to align to the left

    Next add a text to act as a buffer between the checkbox then add the from and to date fields and set them to be shrunk also (date fields are accessible under the quick tools section)

     

    Finally ad the following CSS using the designer to align the labels even better

    .form-label.form-label-left {
        width : auto !important;
        margin-top:-5px;
    }

    Here is a sample of the form you can use for reference

    http://www.jotformpro.com/form/52302142288953