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

    Custom newsletter form

    Asked by jkielty on October 16, 2012 at 10:20 AM

    Hi,

     

    I'm needing two fields for my sign up form that are side by side not on top of eachother.  I also need the submit button vertical.  At the bottom of this page is my design for the newseltter sign up form: http://balancepro.org/balanceproNEW.org/HTML/index3.html.  I've also attached a screen shot.

    This page also has a jquery slider which disappears when I add in the javascript from your form generated code.  How can this be fixed?

     

    Thanks,

    Julie Kielty

    Screenshot
  • Profile Image
    JotForm Support

    Answered by Rodjit on October 16, 2012 at 11:00 AM

    Hi, I cannot view your website, not the right link?

    I'm needing two fields for my sign up form that are side by side not on top of eachother.  I also need the submit button vertical.

    - This is possible but it needs you to inject some custom CSS codings. Let us know for the correct URL and let us see if how we could help you.

    ---------

    This page also has a jquery slider which disappears when I add in the javascript from your form generated code.  How can this be fixed?

    - Please try embedding your form in iframe format.

    Thanks

  • Profile Image
    JotForm Support

    Answered by EduardoMendez on October 16, 2012 at 11:07 AM

    Hello there!

    To add to my colleague's comment,

    Here is a form with the two fields side by side.

    You just need to follow this visual guide in order to accomplish this.

    Hope that helps!

  • Profile Image

    Answered by guest_22746046019048 on October 16, 2012 at 01:07 PM
    Hi,
    Here is the website link:
    http://balancepro.org/balanceproNEW.org/HTML/index3.html
    Thanks,
    Julie Kielty
    ________________________________
  • Profile Image

    Answered by jkielty on October 16, 2012 at 01:41 PM

    I saw how to make the form fields vertical, but I'd also like the title to be left aligned instead of on top of the field box.  I see the option for this, but it did not work.

    I also wanted the submit button to be my custom button.  Is there a way to do this?

    I have a screen shot which I will send via email.

  • Profile Image
    JotForm Support

    Answered by Rodjit on October 16, 2012 at 03:32 PM

    Hi,

    The field title can be left align by clicking "Label Align" on the toolbar and choosing "Left".

    Add additional custom CSS injection to decrease the padding left and right including the button.

    Example: 

    For decreasing the width of the label:

     

    .form-label-left {

    width: 50px !important;

    }

    For moving the submit button close to your second field:

    .form-submit-button, .form-submit-reset, .form-submit-print {

    margin-top: 0px;

    margin-left: -60px;

    }

    To put custom image for submit button; see visual guide

    I will give you a draft to your form later.

    Thanks