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

    I can't scroll down the form once it's embedded in our website (Wordpress), unless I move the cursor off the form itself or use the arrows on the key.

    Asked by nickiversen on December 12, 2016 at 11:05 PM
    Page URL:
    http://ourlittleplanet.org/registration-nps-gr-7-cameron-highlands/

    Screenshot
  • Profile Image
    JotForm Support

    Answered by Mike_G on December 13, 2016 at 03:18 AM

    I loaded your website and was able to see what you mean. However, I when I checked your form in stand-alone (not embedded) everything works just fine.

    It.'s possible that there are conflicts between your website's scripts and the scripts in your form.

    I have checked the website's page source and I see that the form is embedded using the form's embed script.

    I suggest you use the form's iframe embed code and see if that solves your issue.

    https://www.jotform.com/help/148-Getting-the-form-iFrame-code

    Otherwise, please let us know so we can try to find another solution for you.

    Thank you.

  • Profile Image

    Answered by nickiversen on December 14, 2016 at 02:44 AM
    Hi Mike,
    My partner has tried using the forms iframe embed code and that didnt solve the issue. He then embedded the source code and that solved the problem. However, issues have resulted from this fix. There are small formatting erros, such as small squares appearing on the form.
    Please advise.
    Regards,
    Richard.
    Richard A. Joyner
    little planet
    +6 013 747 6024
    www.ourlittleplanet.org
    ...
  • Profile Image
    JotForm Support

    Answered by emily on December 14, 2016 at 03:35 AM

    Hi Richard,

    Thank you for contacting us. Please follow the steps below to fix your problem.

    1. Click on Design button in your form builder.

    2. Go to Inject CSS segment.

    3. Kindly inject the custom CSS codes below to the field shown in the screenshot above..

    .story ul li {

        list-style-type: none;

    }

    .pagelayout section.story h1 {
     
       line-height: inherit;
    }
     
    Please look at the user guide on injecting custom CSS codes. 
     
    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes