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

    Error message increases the height of the embedded form causing alignment issues on my webpage

    Asked by anzh78 on August 25, 2016 at 08:59 AM
    There are also problems with the other elements of the site, they move. What i shoud to do? The platform is Muse
  • Profile Image
    JotForm Support

    Answered by John_Benson on August 25, 2016 at 01:03 PM

    I saved your webpage to my computer and cloned your form. I embedded the cloned form to the saved webpage using the iFrame method. I injected a custom CSS so that the error message will not create an extra space causing the form height to adjust. Here's the result:

    If this solution is okay with you, then please refer to the steps below:

    First, please try injecting this custom CSS to your form.

    .form-line-error .form-error-message {
    padding: 0px !important;
    margin-bottom: 0px !important;

    .form-error-message {
    max-width: 400px !important;
    position: absolute !important;
    bottom: 0px !important;

    Here's a guide on how to inject custom CSS. After that, please refresh your webpage and check if the issue is fixed or not.

    If not, then please try to re-embed the form using the iFrame method. Here's a guide: https://www.jotform.com/help/148-Getting-the-form-iFrame-code. You need to remove the <script> element and just use the <iframe> code itself.

    <iframe id="JotFormIFrame-62374922480963" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/62374922480963" frameborder="0" style="width:100%; height:539px; border:none;" scrolling="no"> </iframe>
    <script type="text/javascript"> ...</script>

    Hope that helps. Let us know if you need further help. Thank you