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

    Form problem

    Asked by ratulo on May 19, 2013 at 07:22 AM

    Hi there,

    i try to creat form like this:

    http://www.nudcollection.com/products/cord

     

    but evertime i and your colleague Emily try to build this we have same problem:

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

     

    the submit button or everythink else what we add to form in 2nd row had left padding.

    is there any finesse to solve this problem?

    thanks for answer

    best regards

    problem www thanks
  • Profile Image
    JotForm Support

    Answered by abajan on May 19, 2013 at 11:39 AM

    Hello

    If you mean you want the form to look as illustrated below,

    click the submit button and a button a new tab will appear in the form builder's toolbar. Click the one labelled Button Align, select Left and save the form.

     

    If you would like further assistance, we'd be happy to help.

    Thanks

  • Profile Image
    JotForm Support

    Answered by abajan on May 19, 2013 at 11:46 AM

    Incidentally, to insert additional fields formatted like the first, right-click the field and when the menu pops up, click Duplicate:


    You could then change the elements in the duplicate to suit. Also, CSS can be injected to bring the check boxes closer together. I'll work on an example and get back to you.

  • Profile Image
    JotForm Support

    Answered by abajan on May 19, 2013 at 12:39 PM

    Hi again

    If the positions of the various elements in this clone are as you wish, please replace your form's current CSS with the following:

    .form-checkbox {
    vertical-align: middle;
    margin-top: 245px;
    margin-left: 15px;
    position: absolute;
    }

    #label_1, #label_3 {
    margin-left: 165px;
    }

    .form-checkbox-item {
    width: 100px !important;
    text-align: center;
    }

    #id_2 {
    padding-left: 70px;
    }

    Of course, as additional check box fields are added, the new CSS will need adjusting. But we're always here to offer assistance when necessary.

    Cheers

  • Profile Image
    JotForm Support

    Answered by abajan on May 19, 2013 at 12:43 PM

    I forgot to mention that you will need to insert a break tag after TT-352 and another after TT-31 to make the Brilliant Blue and Red Mahogany labels appear correctly.

  • Profile Image

    Answered by ratulo on May 20, 2013 at 09:26 AM

    thank for reply. rightnow i found my problem.... i dont use add to new line...