Form limit reached - Message Display

  • Profile Image
    sudsport
    Asked 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

  • Profile Image
    Charlie
    Answered 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
    sudsport
    Answered 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
    Kiran
    Answered 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
    sudsport
    Answered 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
    Charlie
    Answered 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.