Wordpress sidebar

  • Profile Image
    sigmapi
    Asked 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.

     

  • Profile Image
    Goldo
    Answered 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
    sigmapi
    Answered 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
    Goldo
    Answered 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
    jeanettebmz
    Answered 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
    idarktech
    Answered 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
    sigmapi
    Answered 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
    sigmapi
    Answered on March 23, 2012 at 01:22 AM

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

  • Profile Image
    Goldo
    Answered 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
    sigmapi
    Answered on March 23, 2012 at 01:51 AM

    do you not see what i see?

  • Profile Image
    Goldo
    Answered 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
    sigmapi
    Answered 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
    Goldo
    Answered 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
    moonzkie
    Answered 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
    sigmapi
    Answered 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
    jeanettebmz
    Answered 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