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

    Spacing within the form, how to change?

    Asked by Mike on June 10, 2012 at 06:44 PM

    Is it even possible to change the spacing between the lines?

    For example I want to minimize the space between the dropdown option and the submit button below the dropdown? I don't have much room on my page height wise, and I am trying to reduce the size of my form without removing options.

     

    Could someone help me out please?

     

    Thank you

     

    I also attached a website that I would like my form to look like, without too much spacing

    Page URL:
    http://www.container-shipping.com/

  • Profile Image
    JotForm Support

    Answered by abajan on June 10, 2012 at 06:51 PM

    Would this article in the How to Create Better Forms secftion of our user guide be of any help?

  • Profile Image

    Answered by Mike on June 10, 2012 at 07:45 PM

    Yes, that what I was looking for, however, the spacing effects were not as detailed as I assumed

    I still can't get close to what I aimed for, heres my form so far

    http://form.jotform.us/form/21617289251152

     

    Here is what I was aiming for:

    container-shipping.com

  • Profile Image
    JotForm Support

    Answered by abajan on June 10, 2012 at 07:57 PM

    I believe this can be corrected by adjusting the label widths and setting the correct label alignment for each field. I'll be back shortly.

  • Profile Image
    JotForm Support

    Answered by abajan on June 11, 2012 at 12:44 AM

    Here's a clone of your form which you can in turn clone and embed on your web page. Is this formatting more along the lines of what you were going for?

  • Profile Image

    Answered by Mike on June 11, 2012 at 12:51 PM

    Yes! How did you do that? I would like to know.

    Thank you for creating the form, quick question, if I put the source of the form on my own site, and modify it a little, where could I remove the "This field is required" baloon pop up if a field is not filled?

    I like how it glows red around the field, but the baloon is too much for the form I want

     

     And is it possible to get rid of the back button?

  • Profile Image

    Answered by pinoytech on June 11, 2012 at 01:03 PM

    Hi,

    Just inject this codes to your form to remove/hide "This field is required" and "page break back button" then see if this help.

     

    .form-button-error{

    color: #fff !important;

    }

    .form-error-message {

    display: none !important;

    }

    .form-line-error {

    background:none repeat scroll 0 0;

    }

     

    .form-pagebreak-back-container {

     display:none !important;

    }

  • Profile Image
    JotForm Support

    Answered by abajan on June 11, 2012 at 10:02 PM

    Mike

    We're glad you're pleased with the outcome. It actually took quite a lot of experimentation with various injected CSS rules (along with some realignment to some of the field's labels) to achieve the desired result.

    Incidentally, there's an article on how to inject CSS can be found in the Advanced Features section of our user guide. It's titled How to Inject Custom CSS Codes.

    If you need further assistance with your form, do let us know.


    Wayne

     

  • Profile Image

    Answered by Mike on June 11, 2012 at 10:51 PM

    You guys did great!

     

    I have been looking in deeper about injecting CSS, I am planning to interigate and submitted form info to show up on my site instead of receiving emails, although I am fairly new to this, I am sure it will be done soon.

     

    However, I do have an issue with this form.. it does not show up on IE whenever I use the following code:

     

    <div style="position:absolute; padding-top: 78; padding-left: 538;">

    <script type="text/javascript" src="//form.jotform.us/jsform/21624725859159"></script></div>

  • Profile Image

    Answered by jeanettebmz on June 11, 2012 at 11:21 PM

    Try the iFrame method instead

    Let us know if it works or if you need more assistance

    Jeanette

  • Profile Image

    Answered by mperson91 on June 16, 2012 at 05:28 PM

    Hi, I have another question, if you don't mind.

    I'm trying to add a page on my website where certain people can see the submission my form has collected

     

    Is it possible to iframe the excel file with all the submissions or somehow <script> it? Thank you.

  • Profile Image
    JotForm Support

    Answered by abajan on June 16, 2012 at 06:58 PM

    Yes, that can be done. Please see the How do I open submissions to others for details. The solution provided in this thread may also be of interest to you.

  • Profile Image
    JotForm Support

    Answered by abajan on June 16, 2012 at 07:04 PM

    Actually, now that I've re-read your question, I think that a combination of the solutions provided in the threads to which I referred may be what you're looking for: Have the (password protected) submissions appear in an iFrame.

    Anyway, if you need additional help with this, we'd be gald to assist you as best as we can.

  • Profile Image

    Answered by mperson91 on June 16, 2012 at 08:11 PM

    Iframe method would work, however, the special members would be required to enter a password, is it possible to bypass that?

  • Profile Image
    JotForm Support

    Answered by jonathan on June 16, 2012 at 08:31 PM

    @mperson91

    If you meant to have two(2) means to provide to members the report, then you can do this by creating 2 version of the form report (password protected and non-password protected).

    Then, use conditional logic(-Conditional-Logic-on-Forms) on the form to Show/Hide the appropriate report view to the members.

    Please inform us if you need further assistance.

    Thanks.

  • Profile Image

    Answered by mperson91 on June 16, 2012 at 09:00 PM

    What I mean is show all the current submissions in a HTML, which I have found how. Now my concern is modifying how the table(list of submissions) looks. Can I modify it?

    This is my submissions:

    http://www.jotform.com/table/21677851297062

     

    For example, I want each submission to be clickable to get more info, or I want the phone number and name to be in the first column instead of last ones..

     

    Where do I do this?

     

    Thank you.

  • Profile Image
    JotForm Support

    Answered by jonathan on June 17, 2012 at 06:48 AM

    Unfortunately the built-in reports have limitations. Such that you can only appyly them on the fly.

    However, you may want to check on the integrations that JotForm have.. I am looking particularly on this one on Google spreadsheet (-Google-Docs-Integration-Send-Responses-to-Google-Spreadsheets-Instantly-) .

    When the form is integrated to the google doc spreadsheet, you can manipulate the report on the google end. You can also share the link to your google spreadsheet using the html field(same as what have been done in the html submissions)

    Hope this help in some way. Please inform us if you have further inquiry.

    Thanks.