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

    Field Positioning: "Inline" form field positioning

    Asked by GlenbowMuseum on December 18, 2012 at 03:05 PM

    I'm not sure if I've posted this before, but it's been a problem off and on since we started using JotForm.  (Depending on the form we are trying to create).....

    Basically.... we have many many MANY forms that have "in-line" fields...  yet Jotform seems to have no way to accomplish that.  The current form I am working on is in-line field after in-line field and short of me re-writing all the legal wording so that the part that needs to be filled out is at the beginning or end,.... it just doesn't seem possible.  This is fairly standard on many forms and makes me wonder how other have handled it....  it's ALMOST enough of a frustrating point to keep doing them on paper (and in this particular case... I may just haveto tell them it simply isn't possible with this form.

     

    As an example......

    I, ______________________ do hereby swear I am the legal owner and am adhereing to all the laws of ____________ and _____________.

     

    It seems I am always trying to find ways to re-word these so that all the fields are at the beginning or end, but in this case I cannot even do that, and there are a dozen fields like that.....

    If anyone has a good example of how this is done, I'd like to see how you did it!

    Screenshot
  • Profile Image
    JotForm Support

    Answered by EduardoMendez on December 18, 2012 at 03:32 PM

    Hi there, 

    If you can provide the image of what you are looking to accomplish, we can help you if you don't mind giving us some time.

    Here is a sample of how to place fields side by side:

    http://form.jotformpro.com/form/23525490068960?

    You need to shrink the fields (right click on each of them) and change the positioning / spacing with CSS.

    On the form above, I changed the left and right padding of the fields with the following CSS:

    .form-line{padding-left:1px; padding-right:1px;}

    Here is a guide to help you get started.  

    http://www.jotform.com/help/90-Field-Positioning

    We'll wait for your response!

  • Profile Image

    Answered by GlenbowMuseum on December 18, 2012 at 03:54 PM

    Appreciate that, it is certainly the closest to what I want to accomplish, that I've seen.....  I'll pass on that sample and see if that will suffice..... thank you again.

  • Profile Image

    Answered by GlenbowMuseum on December 18, 2012 at 04:46 PM

    So... I'd like to play with the suggestion above......  but I have no idea how I can edit the CSS??  Where do I do that when JotForm is hosting the Form? *confused*

    I tried, just as a test, to do the above.....  but can't edit the CSS......

  • Profile Image

    Answered by GlenbowMuseum on December 18, 2012 at 04:51 PM

    uhhhg this is so frustrating.... no matter what I try I cannot get this..... not even making it as far as needing to edit the CSS...... but WHICH two form "types" did you place side-by-side in your example exactly?

    Name and then???????????????

    I'm not finding a working combination.

  • Profile Image

    Answered by GlenbowMuseum on December 18, 2012 at 04:57 PM

    Here is another picture of the problem I am having........ just trying to create the:

    I, _________ ____________, blah blah blah

    I used a "name" field....  aligned the label left so I coudl call it "I," and shrunk it..... yet it still takes up an entire line.....

    ahhh FFS.... and I forgot this stupid system only allows me to post a screenshot on my initial post, and then never ever ever again.....

  • Profile Image
    JotForm Support

    Answered by EduardoMendez on December 18, 2012 at 05:29 PM

    Hi there, 

    On the sample, I used a Free Text HTML field (found under the Power Tools) a Full Name field and a couple of dropdown fields.

    I injected the CSS following this guide:

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    As per the labels of the fields, you can get rid of them if you wish using CSS (contact us for the code and we will help you).  

    Please read through this guide to see how you can fit more then one field in one line:

    http://www.jotform.com/help/90-Field-Positioning

    Give that a try and let us know if you need assistance!

  • Profile Image

    Answered by GlenbowMuseum on December 18, 2012 at 05:46 PM

    I've read through the "field positioning" portion...... it's straight forward, however when I say "shrink" on the Full Name field it still takes up a full line... when right clicking it after that, my only option is to expand.......

    I'll have a look at  the new link regarding the CSS.....  thanks for that. :)

  • Profile Image
    JotForm Support

    Answered by EduardoMendez on December 18, 2012 at 05:54 PM

    Please remember that the label on the right takes up some space, I have added some CSS on my form to delete the label.

    If you would like to, you can clone my sample form.  Here is a guide to help you clone it:

    http://www.jotform.com/help/42-How-to-clone-an-existing-form-from-a-URL

    Let us know if you need further assistance!

  • Profile Image

    Answered by GlenbowMuseum on December 18, 2012 at 06:08 PM

    I apprecaite all the effort and the offer to clone your form... however in the example you've provided above, it isn't lined up vertically (which looks terrible IMO)... so I wanted to be able to play with the CSS and see if I could improve upon that form......  You've given me plenty of suggestions and a possible solution..... however I cannot use it the exact form it exists in, in your example....  I'm picky, and the people that need the form are ten times pickier :)

    I totally appreciate it... I will get back to it tomorrow and see what I can come up with.

  • Profile Image
    JotForm Support

    Answered by EduardoMendez on December 18, 2012 at 06:29 PM

    Hi there, 

    In case you are interested, I have moved the fields so that they are better aligned.  

    Let us know how we can further assist you!

  • Profile Image

    Answered by GlenbowMuseum on December 19, 2012 at 11:44 AM

    I imported your sample..... as it looks far better when aligned vertically............... BUT, even after successfully importing the form, when I go to edit it, and work on it to complete the rest of the form, it looks "jumbled" and messed up in the editor.... looks great in a preview, but working on it is nearly impossible.............

    I'd love to show a screenshot, but I can't without starting a new thread.

     

    Thanks for all the help, your support rocks.  In this case however, it just doesn't seem workable....

  • Profile Image
    JotForm Support

    Answered by EduardoMendez on December 19, 2012 at 12:00 PM

    Hi there, 

    If you have a word doccument version of the form, you can e-mail it to us and we can have a go at it.  

    E-mail address: support@jotform.com

    We are glad to help!

  • Profile Image

    Answered by GlenbowMuseum on December 19, 2012 at 12:08 PM

    That's an awesome offer, way above and beyond anything I'd expect......... Alas... our purpose for purchasing (or signing up for) JotForm was to convert the various archaic paper forms we use throughout the building/business.  I've had decent success with most... (like 8 out of 10 success rate).  What that means though, is I do not have a Word form of it.... just paper.

    Thank you for the offer though!