- sigmapiAsked 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:
- JotForm SupportGoldoAnswered 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.
- sigmapiAnswered 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.
- JotForm SupportGoldoAnswered 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.
- jeanettebmzAnswered 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
- JotForm SupportidarktechAnswered on March 23, 2012 at 01:10 AM
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.
- sigmapiAnswered 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.
- sigmapiAnswered on March 23, 2012 at 01:22 AM
(I am adding show/hide conditions, which is causing the glitch)
- JotForm SupportGoldoAnswered 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.
- sigmapiAnswered on March 23, 2012 at 01:51 AM
do you not see what i see?
- JotForm SupportGoldoAnswered 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.
- sigmapiAnswered 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
- JotForm SupportGoldoAnswered 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
I was thinking you are embedding the wrong form,
This one has it's conditions set.
Form name: Alumni Newsletter Registration
Please use the latter instead, and embed it to your website.
- moonzkieAnswered on March 23, 2012 at 10:25 AM
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.
- sigmapiAnswered 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?
- jeanettebmzAnswered on March 23, 2012 at 12:20 PM
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
padding-bottom : 0;
Try setting that value or you can change it until you get the desired result