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

    Horizontal Contact Form

    Asked by iCast on June 13, 2013 at 03:33 PM

    Hi, Im trying to make a horizontal contact from... Please help. IE. Have it all on one line.

    Thanks!

    -Grant

    contact form horizontal thanks
  • Profile Image
    JotForm Support

    Answered by Morian on June 13, 2013 at 04:09 PM

    Hi Grant! In order to do that..

    1.) Adjust the size of the form to make sure that it is wide enough (about 900px for your form)

    2.) On the Properties of a field, click on Shrink so that it only occupies the space it needs and not the entire line.

         Do that on fields that you would like aligned on one row.

    Result:

  • Profile Image

    Answered by iCast on June 13, 2013 at 04:14 PM
    Thanks! Worked perfectly!
    -Grant
    *Grant B. Wittstruck*
    Digital Strategy Director*
    *
    Cell - 303-815-6161
    Email - grant@icastinteractive.com
    iCast Interactive / Powell Broadcasting
    Panama City Beach / Sioux City
    This email message is for the sole use of the intended recipient(s) and may
    contain confidential and privileged information. Any unauthorized review,
    use, disclosure or distribution is prohibited. If you are not the intended
    recipient, please contact the sender by reply e-mail and destroy all copies
  • Profile Image
    JotForm Support

    Answered by Morian on June 13, 2013 at 04:16 PM

    You're welcome! Let us know if you need further assistance. Thanks!

  • Profile Image

    Answered by iCast on June 14, 2013 at 04:13 PM
    Hey, So I got this to work, but how can I make it so that the fields will
    go vertical from horizontal on a responsive design?
    -Grant
    *Grant B. Wittstruck*
    Digital Strategy Director*
    *
    Cell - 303-815-6161
    Email - grant@icastinteractive.com
    iCast Interactive / Powell Broadcasting
    Panama City Beach / Sioux City
    This email message is for the sole use of the intended recipient(s) and may
    contain confidential and privileged information. Any unauthorized review,
    use, disclosure or distribution is prohibited. If you are not the intended
    recipient, please contact the sender by reply e-mail and destroy all copies
  • Profile Image
    JotForm Support

    Answered by Mike_T on June 14, 2013 at 04:55 PM

    We use some mobile CSS, so it is supposed to be fine on most of the devices.

    Safari on iOS 6.0:

    Chrome on Android 4.1.1:

    Thank you for using our service.

  • Profile Image

    Answered by iCast on June 14, 2013 at 04:58 PM
    Your right, it worked perfect, it was just not working when I moved the
    sides of my responsive site on the computer...
    Thanks,
    Grant
    *Grant B. Wittstruck*
    Digital Strategy Director*
    *
    Cell - 303-815-6161
    Email - grant@icastinteractive.com
    iCast Interactive / Powell Broadcasting
    Panama City Beach / Sioux City
    This email message is for the sole use of the intended recipient(s) and may
    contain confidential and privileged information. Any unauthorized review,
    use, disclosure or distribution is prohibited. If you are not the intended
    recipient, please contact the sender by reply e-mail and destroy all copies
  • Profile Image

    Answered by iCast on June 14, 2013 at 05:06 PM
    I take that back... It is messing up on the ipad... The submit button is
    missing when in vertical mode, but when in horizontal its fine...
    *Grant B. Wittstruck*
    Digital Strategy Director*
    *
    Cell - 303-815-6161
    Email - grant@icastinteractive.com
    iCast Interactive / Powell Broadcasting
    Panama City Beach / Sioux City
    This email message is for the sole use of the intended recipient(s) and may
    contain confidential and privileged information. Any unauthorized review,
    use, disclosure or distribution is prohibited. If you are not the intended
    recipient, please contact the sender by reply e-mail and destroy all copies
  • Profile Image
    JotForm Support

    Answered by Mike_T on June 14, 2013 at 05:28 PM

    Is this happening on some web page with embedded form? If yes, please provide us with the URL to the web page in question.

    Thank you.

  • Profile Image

    Answered by iCast on June 14, 2013 at 05:45 PM
    http://algebraeffectiveness.org/
    Password: C!p2ert6gbN
    The embed form is at the bottom.
    Thanks!
    -Grant
    *Grant B. Wittstruck*
    Digital Strategy Director*
    *
    Cell - 303-815-6161
    Email - grant@icastinteractive.com
    iCast Interactive / Powell Broadcasting
    Panama City Beach / Sioux City
    This email message is for the sole use of the intended recipient(s) and may
    contain confidential and privileged information. Any unauthorized review,
    use, disclosure or distribution is prohibited. If you are not the intended
    recipient, please contact the sender by reply e-mail and destroy all copies
  • Profile Image
    JotForm Support

    Answered by EltonCris on June 14, 2013 at 08:22 PM

    @iCast 

    I can see the cut off on iPads. Maybe we can use some CSS codes and move the bottom down when the form is viewed in iPads. Try it with this.

     

    @media only screen 

    and (min-device-width : 768px) {

    #id_2.form-line-column {

    width: 200px !important;

    }

    }

    Simply inject that to your form: How to Inject Custom CSS Codes to your Form

    Possible result:

    Hope this helps. Thanks!