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

    Formatting - especially alignment

    Asked by EllenIClark on November 18, 2012 at 02:08 PM

    Hi -

    Love the form, but it is indented more than I'd like, as you can see here:

    http://www.ellenspot.com/Contact.htm

    I'd like for the words "Name" and "Address," and the other form field names to be aligned right under the sentence above, asking people to fiull in the information. Right now they are indented and I havce specified that it be aligned left, but it is STILL indented.

    I am using Dreamweaver, and I tried using the embed code for DW but it is SO long, and when I did it that way, the form didn't show up. I used the source code instead, but am wondering how I can space it better. I'd love it if the form could be abite more condensed and not take up as much space vertically.

    Please let me know if there is a way to make the form field names appear at the actual left side of the table in which the form resides. I have attached a screenshot, and the red vertical line shows where I would prefer to have the form aligned. It is within an invisible table.

     

    Thank you!

    Ellen

     

     

     

     

    Page URL:
    http://www.ellenspot.com/Contact.htm

    Screenshot
  • Profile Image
    JotForm Support

    Answered by jonathan on November 18, 2012 at 04:53 PM

    Hi Ellen,

    On initial look at the page where the form was embedded, indicates that it is contained within an html table with horizontal alignment to the "right". There is also a padding of 4px

    Will you be able to adjust this 2 properties in your web page editor? Can you try if changing the alignment and padding will make the difference.

    Will await for your updated response.

     

    Thanks.

     

  • Profile Image

    Answered by EllenIClark on November 18, 2012 at 08:00 PM
    Hello, and thank you so much for your prompt
    response. I am quite impressed with the personal service you provide!
    Yes, I did place the form within a table. The
    site is created in Dreamweaver, and tables are a
    good way to keep elements organized.
    The sentence "Please enter the following
    information and we will contact you as soon as
    possible. Thank you." is left-aligned and I
    thought that the form field names would also be
    left-aligned inside the table, and would fall in
    a direct line below the instructions. It's not
    really objectionable, but I thought that if it
    was possible to move it over so that the form
    field names lined up directly under that
    instructional sentence, it'd look better.
    The 4 pixel cell passing applies to that opening
    sentence, too, so it wouldn't explain the fact
    that the table is indented even farther.
    Thank you again!
    Ellen
    At 04:53 PM 11/18/2012, you wrote:
  • Profile Image
    JotForm Support

    Answered by EduardoMendez on November 18, 2012 at 08:23 PM

    Hi there

    Please try injecting the following CSS code:

    .form-line{padding-left:0;}

    Let us know if you need further assistance!

  • Profile Image
    JotForm Support

    Answered by jonathan on November 18, 2012 at 08:29 PM

    @Ellen

    Please try as my colleague EduardoMendez suggested. It should work.

    I made a test of the page here also if you want to check.

    Thanks.

  • Profile Image

    Answered by EllenIClark on November 18, 2012 at 10:38 PM
    Thank you so much - you are a genius! This worked perfectly. I
    haven't uploaded it as yet ... have more changes to make on the page.
    Thank you again!
    Ellen
    At 08:24 PM 11/18/2012, you wrote: