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

    How to remove the scrollbar on the embedded form

    Asked by arbhanger on June 07, 2017 at 08:54 PM
    how to get rid of the scroll bar.
    https://www.screencast.com/t/SPcADLKViJR
    I want the form to be as slick as possible. Scroll bar not looking good at
    all.
  • Profile Image
    JotForm Support

    Answered by jonathan on June 07, 2017 at 09:03 PM

    Please share to us the URL of your website where the form was used so that we can identify the needed code to fix/remove the scrollbar on the embedded form.

  • Profile Image

    Answered by arbhanger on June 08, 2017 at 07:43 AM
    http://chat247llc.com/
    can you please help me remove the scroll bar.
    ...
  • Profile Image
    JotForm Support

    Answered by seth on June 08, 2017 at 09:54 AM

    Hello,

    I see that you are using Feedback button to embed your form into your website. You can customise your feedback button before getting the embed code in the JotForm V4 Builder. Here is how you can do it:

    1) Click Publish tab and go to embed options; Feedback Button:

    2) After that, click customise button and increase the height of the lightbox of the form:

    3) Save the changes and get the code, and paste it into your website.

     

    Here is how your form looks like with a 500 px height:

     

    I hope this answer helps. Please don't hesitate to contact us for your further queries.

     

    All the best!

     

     

  • Profile Image

    Answered by arbhanger on June 08, 2017 at 10:43 AM
    Hi there.
    If I move it to 500 Px height there is so much empty space at the bottom.
    Isn't it ?
    ...
  • Profile Image
    JotForm Support

    Answered by Kiran on June 08, 2017 at 12:36 PM

    Please try changing the height to 415px and the form should be displaying correctly as shown below:

    Please get back to us if you need any further assistance. We will be happy to help. 

  • Profile Image

    Answered by arbhanger on June 08, 2017 at 09:43 PM
    hi there,
    I moved it to 415 px in the code. It was still showing the scroll bar. Am I
    missing something ?

    type="text/javascript"> new JotformFeedback({ formId: "71573491375160",
    buttonText: "TEXT US", base: "https://form.jotform.us/", background:
    "#FF6633", fontColor: "#FFFFFF", buttonSide: "left", buttonAlign: "bottom",
    type: 0, width: 400, height: 415 });

    ...
  • Profile Image
    JotForm Support

    Answered by BDAVID on June 08, 2017 at 11:06 PM

    Please try injecting the following code in the page where you have embedded the feedback code: 

    <style>

    .jt-content{

        height: 470px !important;

    }

    </style>

    This should solve the problem:

    Let us know if you need more help, we will be glad to assist you.

  • Profile Image

    Answered by arbhanger on June 09, 2017 at 09:43 AM
    i entered this in the code. no impact. Scroll bar is still there.
    https://www.screencast.com/t/71Km6r9050
    ...
  • Profile Image
    JotForm Support

    Answered by david on June 09, 2017 at 11:43 AM

    Please add the following css in your webpage where you have embedded in your form:

    <style type="text/css">

    div.jt-content{

    overflow-x: hidden !important;

    overflow-y: hidden !important;

    </style>

    Injecting it in your form's css will not work and you need to add it in your webpage's code. You can even add it just before your LightBox code.