JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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 limit reached - Message DisplayAsked by sudsport on February 06, 2015 at 08:57 AM
How to setup the form in order that the message associated with form limits is displayed at the top pf the form.
In my embeded form using iframe, user needs to scroll down to see the message which is nit very user friendly.
Could you give me a hint on how to make it to the top of the form.
Thanks fro your help,
Unfortunately, we can't style or adjust that part of the warning message. When using the iFrame code, you need to set a specific height, which means that the form will be displayed on that position. And because the warning messages is styled to be positioned at the center, it centers itself in the iFrame, which in this part needs to be scrolled.
What I could recommend is use manually the Conditions function to show a limit reached message and hide the submit button, it looks like a disabled form but will all the design that you can do, although, you need to manually remove or set specific rules on it. Here's a guide on how to make your form smart logical: http://www.jotform.com/help/57-Smart-Forms-Using-Conditional-Logic.
I hope this helps.
Thanks for your answer, I am already using a lot the conditional logic bu I cannot see how I could use it in my case.
Is there any possibility playing with the CCS attribute to place the "notification" class at the top of the fomr ?
Thanks for your help,
Since the form is embedded using iframe, if the height of the iframe is adjusted there'll be an issue when you show the actual form on your webpage. However, you may try adding the following CSS code to your webpage and see if that works for you.
height: 750px !important;
height: 550px !important;
But if you want to display the JotForm on your webpage, you'll need to remove this code from the webpage. Hope this information helps. Please get back with us if you need any further assistance. We will be happy to help.
I eventually decided to adjust the hieght based on the form status in the calling page, it is not automated but I have to fiddle with this calling page anyhow.
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/<?php echo $course ?>" frameborder="0" style="width:100%; height:<?=$hforms?>px; border:none;" scrolling="yes"></iframe>
Thanks for your help,
That's actually a good idea when the webpage uses also PHP codes.
If you have other concerns, do let us know.