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.


  • Profile Image

    Form limit reached - Message Display

    Asked by sudsport on February 06, 2015 at 08:57 AM

    Hi,

    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,

    Regards

    Page URL:
    http://sud-sport.com/inscriptions_formulaire.php?course=43364946082359<br/>&amp;nom_course=Ronde%20de%20la%20Jasse%202015

    message limit reached scroll hint thanks
  • Profile Image
    JotForm Support

    Answered by Charlie on February 06, 2015 at 11:57 AM

    Hi,

    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.

    Thank you.

  • Profile Image

    Answered by sudsport on February 06, 2015 at 05:53 PM

    Hi,

    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,

    Georges

  • Profile Image
    JotForm Support

    Answered by Kiran 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.

    #affiche-page {

    height: 750px !important;

    }

    #JotFormIFrame {

    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.

    Thank you!

  • Profile Image

    Answered by sudsport on February 06, 2015 at 06:59 PM

    Hi,

    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,

    Regards,

    Georges

  • Profile Image
    JotForm Support

    Answered by Charlie on February 07, 2015 at 12:10 AM

    Hi Georges,

    That's actually a good idea when the webpage uses also PHP codes.

    We could probably use Javascript but when in iFrame it won't work, using the form's full source code would work and you can call a script code to adjust the height.

    If you have other concerns, do let us know.

    Thank you.