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

    Wordpress sidebar

    Asked by sigmapi on March 23, 2012 at 12:44 AM

    the form i am imputting into my wordpress sidebar isnt sizing correctly. the box is either too small, or it is the length of the entire form.

     

    Page URL:
    www.sigmapioshkosh.com/alumni

  • Profile Image
    JotForm Support

    Answered by Goldo on March 23, 2012 at 12:56 AM

    You will need to set the width of your form to match the sidebar's width.

    To set the width:

    1. Go to 'Form Style'

    PS: We are not able to chek your website as it asks for a username/password.

  • Profile Image

    Answered by sigmapi on March 23, 2012 at 12:58 AM

    it is the correct width. the I am having issues with the height of my sidebar.

     

    If you visit www.sigmapioshkosh.com/alumni, my form is under the Alumni Newsletter Registration box.

     

    I have a feeling it is because of the CSS that a support member has placed into my form because the address area was too large for the sidebar.

  • Profile Image
    JotForm Support

    Answered by Goldo on March 23, 2012 at 12:59 AM

    We are not able to chek your website as it asks for a username/password.

    If you are using 'iFrame' as the embed code, then you will be able to set the height of the form.

  • Profile Image

    Answered by jeanettebmz on March 23, 2012 at 01:00 AM

    This can be done via the Form Width button on the Form Style tab of the form builder.

    As you change the value, the gray dashed line on the right will move 


    It is also advisable to check the custom CSS code

    LIke my colleague have adviced to you, if you have iFrame code , please save the changes and re-embed the code

  • Profile Image
    JotForm Support

    Answered by idarktech on March 23, 2012 at 01:10 AM

    @sigmapi,

    I can see your form and it's looking fine here? Any problem that we should look into?

    Have you tried iFrame embed code and set your iFrame height? Please try it and let us know what your results are. Thanks.

  • Profile Image

    Answered by sigmapi on March 23, 2012 at 01:21 AM

    Yes, sorry I have been testing my site, and found the reason why you weren't able to see the page. I am using the <script></script> code that it says to use for Wordpress.

     

    If you visit my page now, you should be able to see what I am talking about.

  • Profile Image

    Answered by sigmapi on March 23, 2012 at 01:22 AM

    (I am adding show/hide conditions, which is causing the glitch)

  • Profile Image
    JotForm Support

    Answered by Goldo on March 23, 2012 at 01:43 AM

    Sigmapi, the form height looks good. You can either use the wordpress embed script or the iFrame which is what we recommend.

    Please let us know if you are still having the issue.

  • Profile Image

    Answered by sigmapi on March 23, 2012 at 01:51 AM

    do you not see what i see?

  • Profile Image
    JotForm Support

    Answered by Goldo on March 23, 2012 at 02:05 AM

    We are not seeing that. We've visited your website using Firefox 11, IE 9 and Chrome and we're able to see the full form. See image below.


    May we know what browser you are using? This maybe a browser issue. Try clearing your browsers cache and cookies as it might help or try using the 'iFrame' code instead.

  • Profile Image

    Answered by sigmapi on March 23, 2012 at 02:13 AM

    I dont belive that is the correct form because my form has show/hide conditions that will show parts of my form if fields are completed.

     

    I am using Safari

  • Profile Image
    JotForm Support

    Answered by Goldo on March 23, 2012 at 02:19 AM

    Here's the form implemented under the newsletter, and it doesn't have any conditions in it.

    Form name: Clone of Alumni Newsletter Registration

    http://www.jotform.us/form/20820502269144


    I was thinking you are embedding the wrong form,

    This one has it's conditions set.

    Form name: Alumni Newsletter Registration

    http://www.jotform.us/form/20791259201146

    Please use the latter instead, and embed it to your website.

  • Profile Image

    Answered by moonzkie on March 23, 2012 at 10:25 AM

    Hi,

    I have checked your site and saw the same result as you have.

    Can you please try to re-embed your form and use iFrame instead. In addition clearing your browsers cache after that would help as well.

  • Profile Image

    Answered by sigmapi on March 23, 2012 at 11:41 AM

    ..Okay, as I did in the past, now I am viewing this..

     

    How do I remove the access whitespace and have the box grow as the form continues to be completed, like the Donate to Sigma Pi form below it?

  • Profile Image

    Answered by jeanettebmz on March 23, 2012 at 12:20 PM

    @sigmapi  

    I would suggest you to inject a custom CSS code  and use the property

    padding-bottom along with a margin-bottom property with a negative value .
    In this example the space will reduce by a further 20px


    .form-all {
    padding-bottom : 0;
    margin-bottom: -20px;
    }

    Try setting that value or you can change it until you get the desired result

    Jeanette