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

    Why would my embedded iFrame with different payment methods be intended compared to the left margin of the host form?

    Asked by learningmindsets on August 13, 2015 at 03:26 PM

    Attached is the screen shot--both of my embedded iFrame have this extra space above and to the left which puts it out of alignment with the margin of the host frame text. Thanks--

    Tim

    Screenshot
  • Profile Image
    JotForm Support

    Answered by jonathan on August 13, 2015 at 06:29 PM

    Can you please check this form http://form.jotformpro.com/form/52246707622959?

    is this how you wanted it?

    I made adjustments on the form by adding this CSS code

     

    #cid_14,#cid_12{

    margin-left : -25px;

    }

     

    and also have increased the width of the form to 475px

     

    Let us know if you need further assistance.

    Thanks.

     

  • Profile Image

    Answered by learningmindsets on August 14, 2015 at 09:20 AM
    Thanks Jonathan—
    Which form did you add the code to—the host form or the embedded forms?

    Also—is there a way to be able to diminish the amount of vertical space between the radio button lines and the embedded form?

    Finally—How can I get the host buttons to be on a horizontal line>

    Thanks again-

    Tim


    ...
  • Profile Image
    JotForm Support

    Answered by BJoanna on August 14, 2015 at 12:24 PM

    Code is added in host form. 

    To diminish the amount of vertical space between the radio button lines and the embedded form, please add this code inside of host form as well.

    #cid_14,#cid_12{

    margin-top :-30px;

    }

    To align submit button add this code:

    .form-submit-button {

        margin-left : 25px;

     

    }

    After adding this codes your form will look like this.

    Here is my cloned form with new codes: http://form.jotformpro.com/form/52255153848964? 

    Feel free to clone it

    Hope this will help. Let us know if you need further assistance.