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.
form not rendering at 500 px wideAsked by saaba on September 15, 2014 at 05:55 PM
form width Not rendering 100%
I have cloned a sample of your form and replaced the embed code with an Iframe and it seems to work fine compared with embedding it using form source. Please view the sample here https://shots.jotform.com/jed/forms/Time%20Remaining.html.
Please try the iframe method if it works for you and let us know the result.
Thank you Jed,
The form looks great. However, it is most important to have the COUNTDOWN clock working above the form. Is this not possible with Jotform? I've attached the countdown script. I would really like to know if it will or won't work outside the Jotform script and just above the form. If it work, it'll be really terrific for us:)
Could you look at this one more time? Greatly appreciated. Regards,
We do have a variety of timer widgets. Please take a look at here:
Countdown : http://widgets.jotform.com/widget/countdown
Fancy Timer : http://widgets.jotform.com/widget/fancy_timer
If the above widgets does not solve your purpose, here are the steps you should follow to embed your JotForm's source code in an iFrame :
2. Open your HTML form in browser and see if it is working as expected.
3. Upload this html file in your own server and grab the URL of the html file .
4. Paste the following iFrame code in your webpage where you want to display your form:
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="XXXXX" frameborder="0" style="width:100%; height:100%; border:none;" scrolling="no"></iframe>
4. Replace the "XXXXX" in the above iFrame code with the html file URL you saved in step #3 above.
Hope this helps.
Do get back to us if you have any questions.