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

    Embedded form is cut off on website when form-all class is floated

    Asked by aldoutc on October 21, 2015 at 01:59 PM
    BUT now the page is cut off http://truebluefunding.com/jotform/ Could all this be caused because the original template changed? 
    form cut off embedded form
  • Profile Image
    JotForm Support

    Answered by KadeJM on October 21, 2015 at 02:10 PM

    I see you are having issues with your embedded form being cut off on your website.

    When I look at your form by itself appears okay. But, on your website I can confirm it's cut off.

    This means that something on your website is preventing the form from displaying correctly. 

    I would suggest re-embedding your form onto your website using the iFrame Code which should help to resolve the problem.

    If you continue to have any issues with it though then please let us know.

     

  • Profile Image

    Answered by aldoutc on October 21, 2015 at 02:41 PM

    The THEME Im using is called "PET LOVER", I have never had an issue with this theme on my website. Something has changed on the THEME 1st of all causing the form to line up in the middle instead of the right side http://truebluefunding.com/chargers/ , now the issue is it is being cut off http://truebluefunding.com/jotform/ 

    NOTICE on the picture that the theme has the formed aligned on the right, but now on my site it is lining up in the middle. http://truebluefunding.com/chargers/  DID SOMETHING CHANGE ON THE THEME SETTINGS?

  • Profile Image
    JotForm Support

    Answered by KadeJM on October 21, 2015 at 04:29 PM

    Thank you kindly for the updated information about that. 

     

    Upon investigating this issue further I found there is a conflict in the applied css on the very last line of injected css for " .form-all {float: right;} " which was breaking it. If removed then it will shift back to center and work normally. However, with that line in there it was shifting your form off-screen in a sense and the end-result being that your form was then cut off entirely.

    To resolve the issue I would suggest using the following updated css line to replace the float property and value for it and that should fix it and allow you to have your form on the right side similarly.

     

    NEW CSS LINE:

    .form-all {margin-right: 0px !important;}

     

    FIXED RESULT:

     

  • Profile Image
    JotForm Support

    Answered by KadeJM on October 21, 2015 at 04:35 PM

    Here's a secondary screenshot to show you what to replace in case your are unsure which part to change out with the updated css -

  • Profile Image

    Answered by aldoutc on October 21, 2015 at 05:01 PM

    Still looks off, its ok for a temporary fixed. But is there a way to change this jotform theme to back to the original layout?  

  • Profile Image
    JotForm Support

    Answered by EltonCris on October 21, 2015 at 10:09 PM

    Thanks for reporting. 

    I have manually fixed your form by removing the float:right property and changing it to margin-right:0 on the CSS injected in your form (bottom part).

    I think this was an error on the iframe height calculation with floated elements. I have now raised this to our developers so they can further investigate this.

    Regards!

  • Profile Image

    Answered by aldoutc on October 22, 2015 at 03:44 PM

    Any word from the developers? Still looks off, its ok for a temporary fixed. But is there a way to change this jotform theme to back to the original layout? 

  • Profile Image
    JotForm Support

    Answered by EltonCris on October 22, 2015 at 05:11 PM

    No words from the developer assigned to this as of yet but as soon as this is fixed, you will be informed here.

    Actually the temporary fix can be permanent too as long as you do not use float:right on your CSS. The Pet Lover theme does not have float properly on the .form-all class so it should work once you re-apply it on your form. The float:right I removed from your form previously isn't part of this theme. I can see it was manually injected.

    If you want to reset your theme back to the default layout (nova theme), simply apply this to your form http://www.jotform.com/theme-store/theme/default.

    Thanks!