- sudsportAsked 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,
- CharlieAnswered on February 06, 2015 at 11:57 AM
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.
- sudsportAnswered on February 06, 2015 at 05:53 PM
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,
- JotForm SupportKiranAnswered on February 06, 2015 at 06:47 PM
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.
- sudsportAnswered on February 06, 2015 at 06:59 PM
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,
- CharlieAnswered on February 07, 2015 at 12:10 AM
That's actually a good idea when the webpage uses also PHP codes.
If you have other concerns, do let us know.